Angular2 ngModule Split verursacht Fehler

Question

Ich habe meine app.module.ts in mehrere Module aufgeteilt, aber dies verursacht einen Fehler, den ich nicht lösen kann. Ich bekomme den Fehler:

Dies sind meine Module, die Generic-TitleSeite verwenden.

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 { } 

Und 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 {} 

Answer 1

Wenn Sie eine Komponente mit dem Selektor 'generic-titlepagebar' in Ihrer generic-Komponente .module, müssen Sie diese Komponente im Exportabschnitt Ihrer @ NgModule-Deklaration Ihres generic-component.module hinzufügen. Dann können Sie das Tag <generic-titlepagebar> in einer Vorlage einer Ihrer Komponenten in app.module verwenden.