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?
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 }
];