Angular2：MyComponentの

Question

では見つかりませんでした指令注釈私は一緒に少しangular2アプリを入れしようとしている：

： 私は活字体を使用してではなく、定期的なES6ないよバベルと

私のファイルは、次のようになります

：ブラウザでこの生成し、次のエラーを実行したときに、この2つのプリセットでバベル・ローダーを使用してのWebPACKでコンパイルさ

//mycomponent.js 
import { Component, View } from 'angular2/angular2'; 

@Component({ 
    selector: 'my-app' 
}) 
@View({ 
    template: '<h1>My First Angular 2 App</h1>' 
}) 
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); 

は

['es2015', 'stage-1']を有効に0

EXCEPTION: Error during instantiation of Token Promise!.
ORIGINAL EXCEPTION: No Directive annotation found on MyComponent

私はMyComponentのに明白な追加@Directive()注釈を試してみましたが、それは効果がなかったです。

Answer 1

自分の質問に答える：私はバベルが活字体が行うよりも、注釈/デコレータのための異なるコードを発することが判明調査のビットの後

、したがって、それは上記のように使用することはできませんが。

代わりに、むしろデコレータを使用するよりも、デコレータのインスタンスの配列を返すクラスの静的プロパティを宣言することが可能である：

class MyComponent { 

    ... 

    static get annotations() { 
    return [ 
     new Component({ 
     selector: 'my-app' 
     }), 
     new View({ 
     template: '<span>My First Angular 2 App</span>' 
     }) 
    ]; 
    } 
}