2016-01-16 22 views
6

Anget2/coreからコンポーネントをインポートしたにもかかわらず、この種のエラーが発生しました。ファイルはnpm installを介してダウンロードされません。ここでTypeScriptのAngular2:@componentの後に宣言されたコンパイラのエラー

私のファイルです

import {bootstrap} from 'angular2/platform/browser'; 
import {Component, View} from 'angular2/core'; 

@Component({ 

}) 
+0

デコレータとクラスだけに機能しています。デコレーターは、デコレーターを装飾できるようにするには、関数 - を持たなければなりません。 TypeScriptでは、これはデコレータの後に何かを置く必要があることを意味します。詳細については、[この記事](http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html) – Sasxa

答えて

7

をアップグレードするコンポーネントの後、クラスの権利を定義します。

import {bootstrap} from 'angular2/platform/browser'; 
import {Component, View} from 'angular2/core'; 

@Component({ 

}) 
class MyClass { 

} 

@Componentは、クラスのメタデータを含む単なるデコレータです。言い換えれば、あなたのクラスのものをもっとエレガントに定義するだけです。

@Component関数は設定オブジェクトを取得し、それをコンポーネントクラス定義にアタッチするメタデータに変換します。 Angularは実行時にこのメタデータを検出し、「正しいこと」を行う方法を知っています。 JavaScriptの(ES5)に変換するとき

Read more here

+0

が必要ですその – blackHawk

+0

私は、必要なドキュメントへのリンクを含むアップデートを提供しました。 –

+0

私がそれを行う場合は、より明確になるように[** quickstart **](https://angular.io/docs/ts/latest/quickstart.html)チュートリアルをオフィシャルアンギュラ2ウェブサイトから作り直してみてください変更する可能性のあるデコレータの実験的サポートがクラス名に追加されました - クラス名の下にある赤い行全体を警告しない--experimentalDecoratorを指定してください。 – blackHawk

関連する問題