ts1206 décorateurs ne sont pas valables ici, Angulaire 2

J'ai commencé à programmer Angulaire 2 et j'ai collé avec une erreur:

ts1206 décorateurs ne sont pas valables ici

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

Mise à jour:

Mon tsconfig.json:

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

ce que je peux faire avec elle?

  • le @Component() doit être directement devant une classe, vous avez un exportés de la classe juste en dessous du décorateur?
  • qu'est-ce que dans votre tsconfig.json ?
  • Reportez-vous à démarrage rapide de l'article angular.io/docs/ts/latest/quickstart.html
  • Ok merci,c'était le problème. S'il vous plaît écrire une réponse afin que je puisse l'approuver.
  • J'ai ajouté un peu de code entre les deux et qui a généré l'erreur. Une fois retiré que par les suggestions que l'erreur a disparu
InformationsquelleAutor Elior Sastiel | 2016-07-13
  1. 101

    Les Décorateurs doit venir directement devant une classe exportée par exemple:

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

    cela va de même pour @Pipe @Directive @Injectable et @NgModule

    • L'ordre des questions. J'ai eu une exportation interface à droite après mon Injectables et a obtenu cette erreur. Le déplacement à l'exportation de la classe jusqu'à immédiatement après l'Injectable et l'interface après qui a résolu le problème.
    • Après perdre 3 heures, vous avez résolu mon problème.
    InformationsquelleAutor Jarod Moser
  2. 2

    Cette erreur m'est venue lorsque j'ai utilisé angulaire de routage et d'itinéraires définis après @NgModule décorateur.

    Nous avons besoin de définir des itinéraires ou tout autre decorater avant la @NgModule décorateur.

    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 { }
    InformationsquelleAutor Shubham Jain