setting up external router file

src/app/app-routing.module.ts

@@ -1,15 +1,23 @@
 import { NgModule }             from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
  
-import { DashboardComponent }   from './dashboard.component';
+import { AboutComponent }  from './about/about.component';
-import { HeroesComponent }      from './heroes.component';
+import { LinksComponent }   from './links/links.component';
-import { HeroDetailComponent }  from './hero-detail.component';
+import { ResumeComponent }      from './resume/resume.component';
- 
+
 const routes: Routes = [
-  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
+    {
-  { path: 'dashboard',  component: DashboardComponent },
+      path: 'about',
-  { path: 'detail/:id', component: HeroDetailComponent },
+      component: AboutComponent
-  { path: 'heroes',     component: HeroesComponent }
+    },
+    {
+      path: 'resume',
+      component: ResumeComponent
+    },
+    {
+      path: 'links',
+      component: LinksComponent
+    }
 ];
  
 @NgModule({

src/app/app.module.ts

@@ -16,21 +16,7 @@ import { RouterModule }   from '@angular/router';
     LinksComponent
   ],
   imports: [
-    BrowserModule,
+    BrowserModule
-    RouterModule.forRoot([
-      {
-        path: 'about',
-        component: AboutComponent
-      },
-      {
-        path: 'resume',
-        component: ResumeComponent
-      },
-      {
-        path: 'links',
-        component: LinksComponent
-      }
-    ])
   ],
   providers: [],
   bootstrap: [AppComponent]