ts1206 decorators are not valid here, Angular 2

前端 未结 3 1118
半阙折子戏
半阙折子戏 2021-02-11 11:56

I started to program Angular 2 and I stuck with an error:

ts1206 decorators are not valid here

@Component({   //  ts1206 de         


        
相关标签:
3条回答
  • 2021-02-11 12:35

    This error came to me when I used angular routing and defined routes after @NgModule decorator.

    We need to define routes or any other decorater before the @NgModule decorator.

    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 { }
    
    0 讨论(0)
  • 2021-02-11 12:41

    interface Props{ ... }

    @Component({ ... })

    export class someComponent{}

    0 讨论(0)
  • 2021-02-11 12:47

    The Decorators must come directly before an exported class for example:

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

    this goes the same for @Pipe @Directive @Injectable and @NgModule

    0 讨论(0)
提交回复
热议问题