import { NgModule } from '@angular/core'; //import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { HeroesComponent } from './heroes/heroes.component'; import { HeroDetailComponent } from './hero-detail/hero-detail.component'; import { DashboardComponent } from './dashboard/dashboard.component'; const routes = [ { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, { path: 'heroes', component: HeroesComponent }, { path: 'detail/:id', component: HeroDetailComponent }, { path: 'dashboard', component: DashboardComponent }, ]; @NgModule({ declarations: [], imports: [ RouterModule.forRoot(routes), //CommonModule ], exports: [ RouterModule ] }) export class AppRoutingModule { }