Angular2 RC6 upgrade

Question

after updating my project to RC6 following errors occurs:

Error: Typescript found the following errors:
  app.component.ts (12, 3): Argument of          


        

Answer 1

directives and pipes have to be defined in your @NgModule declarations since RC6. Remove them from your @Component decorator.

Answer 2

For Angular 2 final version 2.0.0.0

the pipe should be declared in declaration section of app.module.ts file

import {KeysPipe} from './keys.pipe';

@NgModule({
  imports:      [ BrowserModule, FormsModule, HttpModule ],
  declarations: [ AppComponent, LoginComponent,ArticleComponent,**KeysPipe** ],
  bootstrap:    [ AppComponent, LoginComponent,ArticleComponent ],


})

just observe keyspipe implementation in above code snippets.

Answer 3

Directives and pipes must be defined in @NgModule If I'm reading correctly. Support inside @Component is removed.

So yeah just move your directives into the NgModule

At the moment you have : Component A with directives Ac and Component B with directives Bc and most likely one AppModule, you just have to move Ac and Bc into the AppModule. And yes, you have to remove them from the @Component declaration

The directives will then be immediately available in the components that are defined in your module.

---

Example from OP becomes:

app.component.ts

// imports...
@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
})
export class AppComponent {}

app.module.ts

// imports...
@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent, 
    SidebarComponent, 
    FooterComponent
  ],
  imports: [
    BrowserModule,
    CommonModule,
    FormsModule
  ],
  providers: [
               //MyService, MyOtherService
             ],
  entryComponents: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

See the doc for router: router documentation