title: Angular 2 (CLI) Routing don't work (Cannot read property 'split' of undefined)
body: <p>Why routing works only for first imported component after AppComponent (example code below: routing works only for "PageNonFound")? Also, I noticed error after adding routing to my project</p>
  
  <p>Error</p>
  
  <pre><code>Error in ./AppComponent class AppComponent - 
  inline template:13:42 caused by: 
  Cannot read property 'split' of undefined
  </code></pre>
  
  <p>App.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  import { RouterModule, Routes } from '@angular/router';
  
  import { AppComponent } from './app.component';
  import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
  import { HomeComponent } from './home/home.component';
  
  const appRoutes: Routes = [
    { path: '', redirectTo: '/home', pathMatch: 'full' },
    { path: '**', component: PageNotFoundComponent },
    { path: 'home', component: HomeComponent }
  ];
  
  @NgModule({
    declarations: [
      AppComponent,
      PageNotFoundComponent,
      HomeComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      RouterModule.forRoot(appRoutes)
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>App.component.ts</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'testing';
  }
  </code></pre>
  
  <p>App.component.html</p>
  
  <pre><code>&lt;nav class="nav navbar navbar-custom navbar-fixed-top" role="navigation"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;a class="navbar-brand" [routerLink]="['/home']"&gt;Test&lt;/a&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;div class="collapse navbar-collapse" id="navbar"&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li&gt;&lt;a [routerLink]="['/home']" [routerLinkActive]="active"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>Vers:</p>
  
  <pre><code>angular-cli: 1.0.0-beta.28.3
  node: 6.9.4
  os: darwin x64
  @angular/common: 2.4.9
  @angular/compiler: 2.4.9
  @angular/core: 2.4.9
  @angular/forms: 2.4.9
  @angular/http: 2.4.9
  @angular/platform-browser: 2.4.9
  @angular/platform-browser-dynamic: 2.4.9
  @angular/router: 3.4.9
  @angular/compiler-cli: 2.4.9
  </code></pre>