angular2 cannot find my component reference

Question

I try to load my angular2 app and i get this error

although the files are in place.

How can i fix this?

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 {
}

and

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

If you are using @NgModules is not neccesary import the push component and the property directives in the 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 {
}