ts1206 데코레이터는 여기서 사용할 수 없습니다. Angular 2

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']
})

업데이트:

My tsconfig.json:

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

그것으로 무엇을 할 수 있습니까?

장식자는 내보낸 클래스 바로 앞에 와야 합니다. 예:

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

이것은 에도 마찬가지입니다.@Pipe @Directive @Injectable그리고.@NgModule

이 오류는 각도 라우팅을 사용하고 이후 경로를 정의할 때 발생했습니다.@NgModule장식가

우리는 그 전에 경로나 다른 장식가를 정의해야 합니다.@NgModule장식가

const appRoutes: Routes = [    // define this before @NgModule 
 { path: '',
   redirectTo: '/home',
   pathMatch: 'full'
 },
 { path: 'home', component: HomeComponent },
];


@NgModule({            // This Decorator should be just before an exported class 
declarations: [
 AppComponent,
 HeaderComponent,
 HomeComponent
],
imports: [
 BrowserModule,
 RouterModule.forRoot(
   appRoutes,
   { enableTracing: true } // <-- debugging purposes only
 )
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

위에 인터페이스 또는 기타 선언 추가@component이렇게 하면 오류가 해결됩니다.

언급URL : https://stackoverflow.com/questions/38357384/ts1206-decorators-are-not-valid-here-angular-2