Angular 7，渲染来自不同模块的组件

有一个多项目应用程序。

第一个子项目：

@NgModule({
  declarations: [
    AppComponent,
    AComponent,
  ],
  imports: [
    BrowserModule,
    AngularMaterialModule,
    ReactiveFormsModule
  ],
  providers: providers,
  exports: [
    AComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

@NgModule({})
export class ComponentASharedModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: AppModule
    };
  }
}

第二个子项目：

@NgModule({
  declarations: [
    AppComponent,
    BComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    TranslateModule,
  ],
  exports: [BComponent],
  providers: providers,
  bootstrap: [AppComponent]
})
export class AppModule {
}

@NgModule({})
export class ComponentBSharedModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: AppModule,
      providers: providers
    };
  }
}

我想创建一个第三个子项目，我想在其中显示 AComponent 和 BComponent。如果我这样做：

@NgModule({
  declarations: [
    AppComponent,
    AComponent,
    BComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

@NgModule({})
export class ComponentCSharedModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: AppModule
    };
  }
}

然后我得到一个错误，AComponent 和 BComponent 在多个 Angular 模块中声明：AppModule 和 AppModule。

请告诉我，是否可以这样做或者是否应该将这两个组件移到主模块中？