Angular2 ngModule 拆分导致错误答案

【问题标题】：Angular2 ngModule split causes errorAngular2 ngModule 拆分导致错误
【发布时间】：2018-02-02 08:01:26
【问题描述】：

我已将 app.module.ts 拆分为多个模块，但这会导致我无法解决的错误。我得到错误：

模板解析错误：'generic-titlepagebar' 不是已知元素

这些是我使用 generic-titlepagebar 的模块。

app.modules.ts：

 @NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    MaterialModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    BrowserAnimationsModule,
    MdNativeDateModule,
    Md2Module,
    ResponsiveModule,
    DataTableModule,
    GridsterModule,
    NgbDropdownModule.forRoot(),
    AgmCoreModule.forRoot({
      apiKey: 'AIzaSyD2lf1s8D8vkzHKxDWfkHqGAGsGLAWlNvw'
    }),
    CustomComponentsModule,
    GenericComponentsModule,
    ViewModule,
    ServiceModule,
    RouterModule.forRoot(appRoutes),
  ],
  providers: [
    {
      provide: Http,
      useFactory: httpFactory,
      deps: [XHRBackend, RequestOptions]
    }
  ],
  bootstrap: [
    AppComponent
  ]
})
export class AppModule { }

还有 generic-component.module.ts

    @NgModule({
  imports: [
    CommonModule,
    MaterialModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    BrowserAnimationsModule,
    RouterModule,
    MdNativeDateModule,
    Md2Module,
    ResponsiveModule,
    DataTableModule,
    GridsterModule,
    NgbDropdownModule.forRoot(),
    AgmCoreModule.forRoot({
      apiKey: 'AIzaSyD2lf1s8D8vkzHKxDWfkHqGAGsGLAWlNvw'
    })
  ],
  declarations: [
    BackButtonComponent,
    DynamicFormComponent,
    DynamicFormQuestionComponent,
    DynamicLoaderComponent,
    GenericCardComponent,
    GenericConfigComponent,
    GenericListComponent,
    GenericProjectSwitcherComponent,
    GenericSearchComponent,
    MapsComponent,
    TableComponent,
    TableDetailsComponent,
    TabsbarComponent,
    TitlePageBarComponent,
    MenuComponent
  ],
  entryComponents: [
    GenericListComponent,
    DynamicFormComponent,
    GenericCardComponent,
    GenericSearchComponent,
    TableComponent
  ]
})
export class GenericComponentsModule {}

【问题讨论】：

标签： angular import export angular2-ngmodel

【解决方案1】：

如果您的 generic-component.module 中有一个带有选择器“generic-titlepagebar”的组件，则需要将该组件添加到您的 generic-component.module 的 @NgModule 声明的导出部分中。然后，您可以在 app.module 中某个组件的模板中使用标签 <generic-titlepagebar>。

【讨论】：

我已尝试将其添加为：exports:[GenericComponentsModule]，但模块已导出为 export class GenericComponentsModule {}
您需要将具有 selector:'generic-titlepagebar' 的组件（不是模块）放在导出中