title: 'router-outlet' is not a known element Angular 2
body: <p>I am using universal-cli... </p>
  
  <p>My app.node.module.ts look like this:</p>
  
  <pre><code>/**
   * This file and `main.browser.ts` are identical, at the moment(!)
   * By splitting these, you're able to create logic, imports, etc that are "Platform" specific.
   * If you want your code to be completely Universal and don't need that
   * You can also just have 1 file, that is imported into both
   * client.ts and server.ts
   */
  
  import {NgModule} from '@angular/core';
  import {UniversalModule} from 'angular2-universal';
  import {FormsModule} from '@angular/forms';
  import {AppComponent} from './index';
  import {AlertModule, CollapseModule, } from 'ng2-bootstrap';
  
  
  import {LoginComponent} from './login/login.component';
  import {RegisterComponent} from './register/register.component';
  import {HomeComponent} from './home/home.component';
  import {SharedComponent} from './shared/shared.component';
  import {NavigationComponent} from './shared/navigation/navigation.component';
  import {RouterModule} from '@angular/router';
  import {appRoutes} from './app.routing';
  
  /**
   * Top-level NgModule "container"
   */
  @NgModule({
      /** Root App Component */
      bootstrap: [AppComponent],
      /** Our Components */
      declarations: [AppComponent, LoginComponent, RegisterComponent, HomeComponent, SharedComponent, NavigationComponent],
      imports: [
          /**
           * NOTE: Needs to be your first import (!)
           * NodeModule, NodeHttpModule, NodeJsonpModule are included
           */
          UniversalModule,
          FormsModule,
          /**
           * using routes
           */
          CollapseModule.forRoot(),
          AlertModule.forRoot(),
          RouterModule.forRoot(appRoutes)
      ]
  })
  export class AppModule {
  
  }
  </code></pre>
  
  <p>app.routing.ts:</p>
  
  <pre><code>import {HomeComponent} from './home/home.component';
  import {LoginComponent} from './login/login.component';
  
  export const appRoutes: any = [
      {path: '', component: HomeComponent, useAsDefault: true},
      {path: 'login', component: LoginComponent}
  ] 
  </code></pre>
  
  <p>Here is log from console:</p>
  
  <blockquote>
    <p>Unhandled Promise rejection: Template parse errors: 'router-outlet' is
    not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
    2. If 'router-outlet' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component
    to suppress this message. ("[ERROR
    ->]"): AppComponent@0:0 ; Zone:  ; Task: Promise.then ; Value: Error: Template parse errors:
    'router-outlet' is not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
    2. If 'router-outlet' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component
    to suppress this message. ("[ERROR
    ->]"): AppComponent@0:0
        at TemplateParser.parse (<a href="http://localhost:4200/vendor.bundle.js:12070:19" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:12070:19</a>)
        at RuntimeCompiler._compileTemplate (<a href="http://localhost:4200/vendor.bundle.js:30623:51" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30623:51</a>)
        at <a href="http://localhost:4200/vendor.bundle.js:30543:62" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30543:62</a>
        at Set.forEach (native)
        at RuntimeCompiler._compileComponents (<a href="http://localhost:4200/vendor.bundle.js:30543:19" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30543:19</a>)
        at createResult (<a href="http://localhost:4200/vendor.bundle.js:30439:19" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30439:19</a>)
        at ZoneDelegate.invoke (<a href="http://localhost:4200/vendor.bundle.js:61439:26" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61439:26</a>)
        at Zone.run (<a href="http://localhost:4200/vendor.bundle.js:61321:43" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61321:43</a>)
        at <a href="http://localhost:4200/vendor.bundle.js:61709:57" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61709:57</a>
        at ZoneDelegate.invokeTask (<a href="http://localhost:4200/vendor.bundle.js:61472:35" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61472:35</a>) Error: Template
    parse errors: 'router-outlet' is not a known element:
    1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
    2. If 'router-outlet' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component
    to suppress this message. ("[ERROR
    ->]"): AppComponent@0:0
        at TemplateParser.parse (<a href="http://localhost:4200/vendor.bundle.js:12070:19" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:12070:19</a>)
        at RuntimeCompiler._compileTemplate (<a href="http://localhost:4200/vendor.bundle.js:30623:51" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30623:51</a>)
        at <a href="http://localhost:4200/vendor.bundle.js:30543:62" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30543:62</a>
        at Set.forEach (native)
        at RuntimeCompiler._compileComponents (<a href="http://localhost:4200/vendor.bundle.js:30543:19" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30543:19</a>)
        at createResult (<a href="http://localhost:4200/vendor.bundle.js:30439:19" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:30439:19</a>)
        at ZoneDelegate.invoke (<a href="http://localhost:4200/vendor.bundle.js:61439:26" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61439:26</a>)
        at Zone.run (<a href="http://localhost:4200/vendor.bundle.js:61321:43" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61321:43</a>)
        at <a href="http://localhost:4200/vendor.bundle.js:61709:57" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61709:57</a>
        at ZoneDelegate.invokeTask (<a href="http://localhost:4200/vendor.bundle.js:61472:35" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:61472:35</a>)</p>
  </blockquote>
  
  <p>Also other thinks not working like: (click)... Anyone know what can be a problem?</p>