title: angular 2 application does not load but I get no errors
body: <p>When I load my typescript angular 2 test app it does not load as expected.</p>
  
  <p>I always see "Loading..." what is from the my-app in the index html file.</p>
  
  <p>I also get no errors in the bowser console :/</p>
  
  <p>Anyone is seeing the error?</p>
  
  <p><strong>INDEX</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  
      &lt;title&gt;test&lt;/title&gt;
      &lt;script src="~/lib/es6-shim.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/es6-promise.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/system-polyfills.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/angular2-polyfills.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/system.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/Rx.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/angular2.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/http.dev.js"&gt;&lt;/script&gt;
      &lt;script src="~/lib/router.dev.js"&gt;&lt;/script&gt;
      &lt;script&gt;
              System.config({
                  packages: {
                      app: {
                          format: 'register',
                          defaultExtension: 'js'
                      }
                  }
              });
              System.import('app/main')
                    .then(null, console.error.bind(console));
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;my-app&gt;Loading...&lt;/my-app&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>main.ts</strong></p>
  
  <pre><code>///&lt;reference path="../node_modules/angular2/typings/browser.d.ts"/&gt;
  
  import {provide} from 'angular2/core';
  import {bootstrap, ELEMENT_PROBE_PROVIDERS} from 'angular2/platform/browser';
  import {HTTP_PROVIDERS} from 'angular2/http';
  import {AppComponent} from './app.component'
  
  bootstrap(AppComponent).catch(err =&gt; console.error(err));
  </code></pre>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import {Component} from 'angular2/core';
   @Component({
      selector: 'my-app',
     // providers: [...FORM_PROVIDERS],
    //  directives: [...ROUTER_DIRECTIVES, RouterActive],
      pipes: [],
      styles: [],
      template: `   
          &lt;h1&gt;Hello {{ name }}&lt;/h1&gt;       
     `
  })
  export class AppComponent {
      angularclassLogo = 'assets/img/angularclass-avatar.png';
      name = 'Angular 2 Webpack Starter';
      url = 'https://twitter.com/AngularClass';
      constructor() {
  
      }
  }
  </code></pre>