使用输入和输出实践设置项目

Question

我有以下代码，我将在GitHub上发布。

我收到错误说：

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

项目结构：

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和默认页面：

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

})
export class HomeModule { }

Git Link：GitHub

Answer 1

您需要同时为父模块执行声明和导出，以及为chield执行

parent.ts

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

})
export class ParentModule { }