title: Error: Cannot GET / - Angular 2
body: <p>I have a little problem with my Angular2 app. After configuring the app-routing.module (root module routing), I've got a problem with the server. Every HTTP request to the server has the same error.</p>
  
  <pre><code>Cannot GET /
  </code></pre>
  
  <p>This is my app-routing.module:</p>
  
  <pre><code>const routes: Routes = [
    { path: '', redirectTo: '/index', pathMatch: 'full' },
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule],
    providers: []
  })
  export class AppRoutingModule { }
  </code></pre>
  
  <p>How you can see, the root route redirect to a route configured in another module. The module it's called landing &amp; this is the landing.module:</p>
  
  <p>import { LandingRoutingModule } from './landing-routing.module';
  import { LandingPageComponent } from './components/landing-page/landing-page.component';</p>
  
  <pre><code>@NgModule({
    imports: [
      CommonModule,
      LandingRoutingModule
    ],
    declarations: [LandingPageComponent]
  })
  export class LandingModule { }
  </code></pre>
  
  <p>&amp; of course, the landing-routing.module:</p>
  
  <p>import { LandingPageComponent } from './components/landing-page/landing-page.component';</p>
  
  <pre><code>const routes: Routes = [
    { path: '', redirectTo: '/index', pathMatch: 'full' },
    { path: 'index', component: LandingPageComponent }
  ];
  
  @NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
  })
  export class LandingRoutingModule { }
  </code></pre>
  
  <p>The root route for this module just redirects to the index route using the LandingPageComponent. The component only has modifications in the HTML &amp; CSS file.</p>
  
  <p>And my app.module (root) look like this:</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { HttpModule } from '@angular/http';
  
  import { AppRoutingModule } from './app-routing.module';
  
  /*
    Modulos Personalizados
  */
  import { LandingModule } from './modules/landing/landing.module';
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      HttpModule,
      BrowserAnimationsModule,
      AppRoutingModule,
      LandingModule,
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>I really appreciate the help.</p>