ts1206装饰器在这里无效,Angular 2

Question

我开始编写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
  }
}

我该怎么办？

Answer 1

装饰器必须直接出现在导出的类之前,例如:

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

这对于@Pipe @Directive @Injectable和@NgModule