我有一个名为 HostComponent 的组件，当我将此组件作为启动组件时，一切正常，我的应用程序运行良好。

然后我再创建一个名为 AppModule 的模块并将宿主组件包装在应用程序组件中

import { Component, Input } from '@angular/core';
@Component({
  selector: 'main-app',
  template: 'Loading...'
})
export class AppComponent {
constructor(){

}
}

AppModule

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ,HostModule 
  ],
  schemas:[],
  bootstrap: [AppComponent],
  entryComponents: [
     SomeOtherEntryComponentsHere
  ]
})
export class AppModule {

}

Index.html

主机模块（存在主机组件）

@NgModule({
  declarations: [
    HostComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    DashboardModule,
  ],
  schemas:[CUSTOM_ELEMENTS_SCHEMA],
  exports:[]

})
export class HostModule {

 }

当我尝试运行应用程序时，出现以下错误

为了抑制此错误，我已根据以下参考将 CUSTOM_ELEMENTS_SCHEMA 添加到应用模块。 CUSTOM_ELEMENTS_SCHEMA added to NgModule.schemas still showing Error

我的错误发生了，但我的 <ds-framework-host> 显示正在加载.. 但在这个子组件中没有执行任何操作。在开发人员工具中没有显示错误

Angular 版本 - 4.0.0.0

我该如何解决这个错误以及为什么会发生？