> Faqs > Solucionar error no se encuentra RouterModule.forRoot(rutas)

Solucionar error no se encuentra RouterModule.forRoot(rutas)

Tengo este código de Angular:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './Home/home/home.component';
import { ContactoComponent } from './Contacto/contacto/contacto.component';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    ContactoComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(rutas)
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
  rutas: Routes = [
    { path: '', component: HomeComponent },
    { path: 'contacto', component: ContactoComponent }
  ];
 }

Al ejecutarlo me da error No se encuentra el nombre 'rutas'. en el RouterModule.forRoot(rutas). ¿Cómo se soluciona?

Respuestas

En el artículo de Introducciíon a las Rutas en Angular hay un punto donde te explica que primero tienes que hacer una declaración de las rutas.

Te faltaría eso en el código que nos has mostrado.

import { Routes, RouterModule } from '@angular/router';

const rutas: Routes = [
  { path: '', component: HomeComponent },
  { path: 'otra', component: OtraComponent }
];
Camila
680 29 46 6
Gracias