2017-08-24 7 views
0

私はapp.module.tsを複数のモジュールに分割しましたが、これでは解決できないエラーが発生しています。Angular2 ngModule splitによってエラーが発生する

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

これらは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 { } 

と汎用-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の場合、汎用コンポーネントのモジュールの@NgModule宣言のエクスポートセクションにこのコンポーネントを追加する必要があります。次に、app.module内のいずれかのコンポーネントのテンプレートにタグ<generic-titlepagebar>を使用できます。

+0

私はexports:[GenericComponentsModule]のように追加しようとしましたが、モジュールは既にエクスポートクラスとしてエクスポートされていますGenericComponentsModule {} – viddrawings

+0

'generic-titlepagebar'(モジュールではありません) –

+0

私もそれを試しましたが、どちらもうまくいかないようです... – viddrawings

関連する問題