2017-08-24 92 views
0

我已将我的app.module.ts分成多个模块,但是这会导致我无法解决的错误。我得到的错误:Angular2 ngModule split会导致错误

Template parse errors: 'generic-titlepagebar' is not a known element

这是我的模块,这些模块使用仿制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 { } 

和通用-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 {} 

回答

0

如果你有在你的仿制组件选择 '仿制titlepagebar' 的成分.module,您需要将此组件添加到generic-component.module的@NgModule声明的exports部分中。然后,您可以在app.module中的某个组件的模板中使用标记<generic-titlepagebar>

+0

我试着将它添加为:exports:[GenericComponentsModule],但Module已经导出为导出类GenericComponentsModule {} – viddrawings

+0

您需要将具有选择器的组件:'generic-titlepagebar'(不是模块)放入出口 –

+0

我也试过,但它似乎也没有工作... – viddrawings