title: ng2-bootstrap not working in Angular 2 ('alert' is not a known element:)
body: <p>I've installed ng2-bootstrap on a project running Angular 2.0.1 via:</p>
  
  <pre><code>npm install ng2-bootstrap --save
  </code></pre>
  
  <p>I've setup my project like this:</p>
  
  <pre><code>    //systemjs.config.js
      (function (global) {
      System.config({
          paths: {
              // paths serve as alias
              'npm:': 'node_modules/'
          },
          // map tells the System loader where to look for things
          map: {
              'moment': 'node_modules/moment/moment.js',
              'ng2-bootstrap/ng2-bootstrap': 'node_modules/ng2-bootstrap/bundles/ng2-bootstrap.umd.js',
              // our app is within the app folder
              app: 'app',
              // angular bundles
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>// app.module.ts
  import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { HttpModule } from '@angular/http';
  import { Ng2BootstrapModule } from 'ng2-bootstrap/ng2-bootstrap';
  import { AppComponent }  from './app.component';
  import { ClientModule } from './client/client.module';
  
  @NgModule({
      imports: [
         Ng2BootstrapModule
  
      ],
      declarations: [
         AppComponent
      ],
      schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
      providers: [
          NotificationService,
          { provide: LocationStrategy, useClass: HashLocationStrategy }
      ],
      bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>And:</p>
  
  <pre><code>// client.module.ts
  import { Ng2BootstrapModule } from 'ng2-bootstrap';
  
  @NgModule({
      imports: [
          Ng2BootstrapModule
      ],
      declarations: [
  
      ],
      providers: [
  
      ]
  })
  export class ClientModule { }
  </code></pre>
  
  <p>and finally:</p>
  
  <pre><code>// client-info.component.ts
  import { Component, OnInit, OnDestroy } from '@angular/core';
  import { AlertComponent } from 'ng2-bootstrap/ng2-bootstrap';
  
  @Component({
      selector: 'client-info',
      template: `
      &lt;div &gt;
          &lt;alert type="success"&gt;hello&lt;/alert&gt;
      &lt;/div&gt;
      `,
      styleUrls: ['app/client/client.css']
  })
  
  export class ClientInfoComponent {
      constructor() {
  
      }
  
     ngOnInit(): void { }
  
     ngOnDestroy(): void {
  
      }
  }
  </code></pre>
  
  <p>But when browsing the site I get the following error:</p>
  
  <blockquote>
    <p>Unhandled Promise rejection: Template parse errors:
    'alert' is not a known element:
    1. If 'alert' is an Angular component, then verify that it is part of this >module.
    2. If 'alert' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the >'@NgModule.schemas' of this component to suppress this message. ("</p>
    
    <p>[ERROR ->]hello  </p>
  </blockquote>
  
  <p>I am obviously doing something wrong here but what?</p>