title: To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. in Angular 4
body: <p>I created a new project with angular-cli (<code>ng new my-project-name</code>)</p>
  
  <p>When I run <code>npm run test</code> it run without any failures.</p>
  
  <p>I added font-awsome module(<a href="https://www.npmjs.com/package/angular-font-awesome" rel="noreferrer">https://www.npmjs.com/package/angular-font-awesome</a>) in my project to display font icons.</p>
  
  <p>In my html file added <code>&lt;fa name="bars"&gt;&lt;/fa&gt;</code> tag and got output as expected. If I run <code>npm run test</code> again it is ending with 3 failures, all of them are targeting <code>fa</code> tag.</p>
  
  <p>Here is sample failure report</p>
  
  <pre><code>'fa' is not a known element:
          1. If 'fa' 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. ("--The content below is only a placeholder and can be replaced.--&gt;
          &lt;div style="text-align:center"&gt;          [ERROR -&gt;]&lt;fa name="bars"&gt;&lt;/fa&gt;
            &lt;h1&gt;            Welcome to {{title}}!
          "): ng:///DynamicTestModule/AppComponent.html@2:2        Error: Template parse errors:
              at syntaxError home/harsha/Documents/Projects/testProject/node_modules/@angular/compiler/esm5/compiler.js:466:22)
  </code></pre>
  
  <p>I tried some fixes like adding <code>NO_ERRORS_SCHEMA</code>, <code>CUSTOM_ELEMENTS_SCHEMA</code> in <code>app.module.ts</code> file.</p>
  
  <pre><code>@NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      AngularFontAwesomeModule
    ],
    providers: [],
    bootstrap: [AppComponent],
    schemas: [
      CUSTOM_ELEMENTS_SCHEMA,
      NO_ERRORS_SCHEMA
    ]
  })`
  </code></pre>
  
  <p>But nothing worked.</p>