title: If '<selector>' is an Angular component, then verify that it is part of this module
body: <p>I am new in Angular2. I have tried to create a component but showing an error.</p>
  
  <p>This is the <code>app.component.ts</code> file.</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { MyComponentComponent } from './my-component.component';
  
  @Component({
    selector: 'my-app',
    template: `
      &lt;h1&gt;Hello {{name}}&lt;/h1&gt;
      &lt;h4&gt;Something&lt;/h4&gt;
      &lt;my-component&gt;&lt;/my-component&gt;
    `,
    directives: [MyComponentComponent]
  })
  export class AppComponent { name = 'Sam' }
  </code></pre>
  
  <p>This is the component which i want to create.</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
  selector: 'my-component',
  template: `
      &lt;p&gt;This is my article&lt;/p&gt;
  `
  })
  
  export class MyComponentComponent {
  
  }
  </code></pre>
  
  <p>Showing the two errors:</p>
  
  <ol>
  <li>If <code>my-component</code> is an Angular component, then verify that it is part of this module.</li>
  <li>If <code>my-component</code> is a Web Component then add <code>CUSTOM_ELEMENTS_SCHEMA</code> to the <code>@NgModule.schemas</code> of this component to suppress this message. </li>
  </ol>
  
  <p>Please Help.</p>