title: Error when I add a new component with Angular
body: <p>I begin with Angular, but I have a problem to add a new component:</p>
  
  <p>I have started a new project in Angular with <code>ng new toto</code> no error, then I add a new component with <code>ng generate component menu</code> with no error and I remove all in my <code>app.component.html</code> and I add <code>MenuComponent</code> with <code>&lt;MenuComponent&gt;&lt;/MenuComponent&gt;</code></p>
  
  <blockquote>
    <p>app.module.ts</p>
  </blockquote>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  import { AppComponent } from './app.component';
  import { MenuComponent } from './menu/menu.component';
  
      @NgModule({
        declarations: [
          AppComponent,
          MenuComponent
        ],
        imports: [
          BrowserModule
        ],
        providers: [],
        bootstrap: [AppComponent]
      })
      export class AppModule { }
  </code></pre>
  
  <blockquote>
    <p>menu.component.ts</p>
  </blockquote>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'app-menu',
    templateUrl: './menu.component.html',
    styleUrls: ['./menu.component.css']
  })
  export class MenuComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>
  
  <blockquote>
    <p>app.component.html</p>
  </blockquote>
  
  <pre><code>&lt;MenuComponent&gt;&lt;/MenuComponent&gt;
  </code></pre>
  
  <blockquote>
    <p>My version of Angular CLI:</p>
  </blockquote>
  
  <pre><code>Angular CLI: 6.0.0
  Node: 10.0.0
  OS: linux x64
  Angular: 6.0.0
  ... animations, cli, common, compiler, compiler-cli, core, forms
  ... http, language-service, platform-browser
  ... platform-browser-dynamic, router
  
  Package                           Version
  -----------------------------------------------------------
  @angular-devkit/architect         0.6.0
  @angular-devkit/build-angular     0.6.0
  @angular-devkit/build-optimizer   0.6.0
  @angular-devkit/core              0.6.0
  @angular-devkit/schematics        0.6.0
  @ngtools/webpack                  6.0.0
  @schematics/angular               0.6.0
  @schematics/update                0.6.0
  rxjs                              6.1.0
  typescript                        2.7.2
  webpack                           4.6.0
  </code></pre>
  
  <p>My question is why this simple thing don't work ?</p>
  
  <blockquote>
    <p>My Error</p>
  </blockquote>
  
  <pre><code> Error: Template parse errors:
  'MenuComponent' is not a known element:
  1. If 'MenuComponent' is an Angular component, then verify that it is part of this module.
  2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("[ERROR -&gt;]&lt;MenuComponent&gt;&lt;/MenuComponent&gt;
  "): ng:///AppModule/AppComponent.html@0:0
  </code></pre>
  
  <p>Thanks in advance for your help</p>