title: Unexpected value XXXX imported by the module 'AppModule' in angular2
body: <p>Im trying to make a router in Angular2, 
  I created an <code>app.routing.ts</code> file, which look like that :</p>
  
  <pre><code>import {NgModule} from '@angular/core';
  import {Routes, RouterModule} from '@angular/router';
  
  import { NewNoteComponent } from './components/new-note.component';
  import { NoteListComponent } from './components/note-list.component';
  
  
  const routes: Routes =[
      {path: '', pathMatch: '', redirectTo: 'note-list'},
      {path: 'note-list', component: NoteListComponent},
      {path: 'new-note', component: NewNoteComponent}
  ];
  
  NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
  })
  
  export class AppRoutingModule{}
  
  export const routingComponents = [NewNoteComponent, NoteListComponent];
  </code></pre>
  
  <p>and set my <code>app.module.ts</code> like that :</p>
  
  <pre><code>import { NgModule }      from '@angular/core';
  import {HttpModule} from '@angular/http';
  import { BrowserModule } from '@angular/platform-browser';
  import {FormsModule} from '@angular/forms';
  import { AppComponent }  from './app.component';
  
  
  import {AppRoutingModule, routingComponents} from './app.routing';
  import { SearchComponent} from './components/search.component';
  
  
  @NgModule({
    imports: [ BrowserModule , FormsModule, AppRoutingModule, HttpModule],
    declarations: [ AppComponent,  SearchComponent, NoteListComponent],
    bootstrap: [ AppComponent ]
  })
  
  
  
  
  export class AppModule { }
  </code></pre>
  
  <p>My problem is that when I try to run this thing, it's throw me a weird error 
  thats saying that <code>Unexpected value 'AppRoutingModule' imported by the module 'AppModule'</code></p>
  
  <p>That's suppose to be real easy but I really working my mind around what stupid mistake I just did .</p>