[解決済み] ts1206 デコレーターはここでは無効です、Angular 2。

質問

Angular 2のプログラミングを始めたら、エラーで動けなくなりました。

ts1206 デコレータはここでは有効ではありません

@Component({   //  ts1206 decorators are not valid here
  selector: 'my-app',
  moduleId: module.id,
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css']
})

更新しました。

私のtsconfig.jsonです。

 {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true
  }
}

どうすればいいのでしょうか？

解決方法は？

Decorator は、例えばエクスポートされたクラスの直前でなければなりません。

@Component({
    ...
})
export class someComponent{}

にも同じことが言えます。 @Pipe @Directive @Injectable と @NgModule