title: Child Component not loading after adding CUSTOM_ELEMENTS_SCHEMA to the app module
body: <p>I have a component named <strong>HostComponent</strong> , when I put this component as a start up component everything is working and my application working fine.</p>
  
  <p>Then I create one more module called AppModule and Wrap the host component inside the app component</p>
  
  <pre><code>import { Component, Input } from '@angular/core';
  @Component({
    selector: 'main-app',
    template: '&lt;ds-framework-host &gt;Loading...&lt;/ds-framework-host&gt;'
  })
  export class AppComponent {
  constructor(){
  
  }
  }
  </code></pre>
  
  <p><strong>AppModule</strong> </p>
  
  <pre><code>@NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      ,HostModule 
    ],
    schemas:[],
    bootstrap: [AppComponent],
    entryComponents: [
       SomeOtherEntryComponentsHere
    ]
  })
  export class AppModule {
  
  }
  </code></pre>
  
  <p><strong>Index.html</strong></p>
  
  <pre><code>&lt;body&gt;
             &lt;main-app&gt;&lt;/main-app&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>Host Module(where Host Component exist)</strong></p>
  
  <pre><code>@NgModule({
    declarations: [
      HostComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      DashboardModule,
    ],
    schemas:[CUSTOM_ELEMENTS_SCHEMA],
    exports:[]
  
  })
  export class HostModule {
  
   }
  </code></pre>
  
  <p>When I try to run the application I am getting the below error</p>
  
  <p><a href="https://i.stack.imgur.com/viD9o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/viD9o.png" alt="enter image description here"></a></p>
  
  <p>To suppress this error I have added <strong>CUSTOM_ELEMENTS_SCHEMA</strong> to app module based on the below reference. 
  <a href="https://stackoverflow.com/questions/39428132/custom-elements-schema-added-to-ngmodule-schemas-still-showing-error">CUSTOM_ELEMENTS_SCHEMA added to NgModule.schemas still showing Error</a></p>
  
  <p>My error goes way but my <code>&lt;ds-framework-host&gt;</code> shows loading.. but nothing is executing inside this child component. In developer tools no error is showing</p>
  
  <p><strong>Angular Version - 4.0.0.0</strong></p>
  
  <p>How Can I resolve this error and why it's happening?</p>
  
  <p><a href="https://i.stack.imgur.com/zZMpS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zZMpS.png" alt="enter image description here"></a></p>