angular2 не может найти мой компонент ссылки

Question

Я пытаюсь загрузить мой angular2 приложение и я получаю эту ошибку

хотя файлы на месте.

Как я могу это исправить?

app.component.ts

import {Component} from '@angular/core'; 
import {PushComponent} from '../../pages/push/push.component'; 

@Component({ 
    selector: 'my-app', 
    template: '<h1>My 3rd Angular 2 App</h1> <push-comp></push-comp>', 
    directives: [PushComponent] 
}) 
export class AppComponent { 
} 

и

app.module.js

import {NgModule}  from '@angular/core'; 
import {BrowserModule} from '@angular/platform-browser'; 
import {HttpModule}  from '@angular/http'; 

import {AppComponent} from './app.component'; 
import {PushComponent} from '../../pages/push/push.component'; 

import {FormsModule} from '@angular/forms'; 


@NgModule({ 
    imports: [BrowserModule, HttpModule, FormsModule], 
    declarations: [AppComponent, PushComponent], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

Answer 1

Если вы используете @NgModules не neccesary импорта толкающий компонент и свойство directives в AppComponent.

app.component.ts

import {Component} from '@angular/core'; 

@Component({ 
    selector: 'my-app', 
    template: '<h1>My 3rd Angular 2 App</h1> <push-comp></push-comp>' 
}) 
export class AppComponent { 
}