2017-08-24 25 views
0

我有以下代碼,我將在GitHub上發佈。使用輸入輸出練習設置項目

我收到一個錯誤說:

Can't export directive ParentComponent from ParentModule as it was neither declared nor imported! 

項目結構:

enter image description here

app.module.ts

@NgModule({ 
    declarations: [], 
    imports: [ 
     BrowserModule, 
     ChildModule, 
     ParentModule, 
     HomeModule 
    ], 
    providers: [], 
    bootstrap: [HomeComponent] 
}) 
export class AppModule { } 

parent.ts

@NgModule({ 
    declarations: [], 
    imports: [ 
     CommonModule 
    ], 
    exports: [ParentComponent ], 
    providers: [], 

}) 
export class ParentModule { } 

child.ts

@NgModule({ 
    declarations: [ 
     ChildComponent 
    ], 
    imports: [ 
     CommonModule 
    ], 
    exports: [ChildComponent], 
    providers: [], 

}) 
export class ChildModule {} 

現在我多麼想成爲home和默認頁面:你需要做兩件事declar和出口GitHub

回答

1

@NgModule({ 
    declarations: [], 
    imports: [ 
     CommonModule 
    ], 
    exports: [], 
    providers: [], 

}) 
export class HomeModule { } 

Git的鏈接對於父模塊以及您爲chield所做的操作

parent.ts 

@NgModule({ 
    declarations: [ParentComponent], 
    imports: [ 
     CommonModule 
    ], 
    exports: [ParentComponent ], 
    providers: [], 

}) 
export class ParentModule { } 
+1

最好的方法是將所有組件,管道,指令直接共享並在整個項目中共享 –