title: angular2 cannot find my component reference
body: <p>I try to load my angular2 app and i get this error</p>
  
  <p><a href="https://i.stack.imgur.com/FmgZE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FmgZE.png" alt="enter image description here"></a></p>
  
  <p>although the files are in place.</p>
  
  <p><a href="https://i.stack.imgur.com/kj9cP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kj9cP.png" alt="enter image description here"></a></p>
  
  <p>How can i fix this?</p>
  
  <p>app.component.ts</p>
  
  <pre><code>import {Component} from '@angular/core';
  import {PushComponent}  from '../../pages/push/push.component';
  
  @Component({
      selector: 'my-app',
      template: '&lt;h1&gt;My 3rd Angular 2 App&lt;/h1&gt; &lt;push-comp&gt;&lt;/push-comp&gt;',
      directives: [PushComponent]
  })
  export class AppComponent {
  }
  </code></pre>
  
  <p>and</p>
  
  <p>app.module.js</p>
  
  <pre><code>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 {
  }
  </code></pre>