title: Angular2: No Directive annotation found on MyComponent
body: <p>I'm trying to put together a little angular2 app:
  I'm not using TypeScript, but rather regular ES6 with babel</p>
  
  <p>my files looks like this:</p>
  
  <pre><code>//mycomponent.js
  import { Component, View } from 'angular2/angular2';
  
  @Component({
    selector: 'my-app'
  })
  @View({
    template: '&lt;h1&gt;My First Angular 2 App&lt;/h1&gt;'
  })
  class MyComponent {
    constructor() {
    }
    get prop() {
      return 'hello';
    }
  }
  
  export { MyComponent };
  
  
  // index.js
  import 'zone.js';
  import 'reflect-metadata';
  
  import { MyComponent } from './mycomponent';
  import { bootstrap } from 'angular2/angular2';
  
  bootstrap(MyComponent);
  </code></pre>
  
  <p>this then gets compiled with webpack using babel-loader with two presets enabled <code>['es2015', 'stage-1']</code></p>
  
  <p>when ran in the browser this produces the following error:</p>
  
  <blockquote>
    <p><strong>EXCEPTION</strong>: Error during instantiation of Token Promise!.<br>
    <strong>ORIGINAL EXCEPTION</strong>: No Directive annotation found on MyComponent   </p>
  </blockquote>
  
  <p>I have tried the obvious adding <code>@Directive()</code> annotation to MyComponent, but that had no effect.</p>