title: Getting The selector "app" did not match any elements
body: <p>I've trimmed this down to the barest of data and I'm baffled as to what is going on. I'm getting the selector not found error in angular 2. Trying to figure out what the problem is, it was working an hour ago now I've added a comma or space or done something to break it and I can't figure out what I've changed! Arrrg</p>
  
  <p>Any help is appreciated! Thanks!</p>
  
  <p>boot.ts</p>
  
  <pre><code>import {bootstrap} from 'angular2/platform/browser';
  import {AppComponent} from './app.component';
  
  bootstrap(AppComponent);
  </code></pre>
  
  <p>app.component.ts</p>
  
  <pre><code>import {Component} from 'angular2/core';
  
  @Component({
      selector: 'app',
      template: `
          &lt;h1&gt;component works!&lt;/h1&gt;
      `
  })
  export class AppComponent {
  
  }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!doctype&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;base href="/"&gt;
  &lt;title&gt;Angular 2 Boilerplate&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;!-- Load libraries --&gt;
  &lt;!-- IE required polyfills, in this exact order --&gt;
  &lt;script src="node_modules/es6-shim/es6-shim.min.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/systemjs/dist/system-polyfills.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"&gt;             &lt;/script&gt;
  &lt;script src="node_modules/angular2/bundles/angular2-polyfills.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/rxjs/bundles/Rx.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/angular2/bundles/angular2.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/angular2/bundles/router.dev.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/angular2/bundles/http.js"&gt;&lt;/script&gt;
  
  
  &lt;link rel="stylesheet" href="src/css/app.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;my-app&gt;Loading...&lt;/my-app&gt;
  
  &lt;script&gt;
  System.config({
      packages: {
          app: {
              format: 'register',
              defaultExtension: 'js'
          }
      }
  });
  System.import('app/boot')
          .then(null, console.error.bind(console));
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>