错误：类型组件是 2 个模块声明的一部分

Question

我在 ionic 页面的 HTML 中调用一个组件，因此我将该组件添加到 page.module.ts 的声明数组中：

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    DeleteFriendsPageRoutingModule
  ],
  declarations: [DeleteFriendsPage,CommunityCardAccordionComponent,GroupTabsComponent],
  entryComponents:  []
})
export class DeleteFriendsPageModule {}

我收到了这个错误：

错误：类型 CommunityCardAccordionComponent 是 2 个模块声明的一部分：CommunityPageModule 和 DeleteFriendsPageModule。 请考虑将 CommunityCardAccordionComponent 移至导入 CommunityPageModule 和 DeleteFriendsPageModule 的更高模块。 您还可以创建一个新的 NgModule 导出并包含 CommunityCardAccordionComponent 然后将该 NgModule 导入 CommunityPageModule 和 DeleteFriendsPageModul

Answer 1

问题正如错误所说

CommunityCardAccordionComponent 是 2 个模块声明的一部分

简单来说，您不能在多个模块中声明一个组件...

另一方面，您可以多次导入同一个模块，因此您的解决方案是简单地使用模块，请按照以下步骤操作

1. 从CommunityPageModule and DeleteFriendsPageModule删除CommunityCardAccordionComponent

2. 在你的path/to/community-card-accordion-component/中，创建一个模块CommunityCardAccordionModule

@NgModule({
  imports: [CommonModule],
  declarations: [CommunityCardAccordionComponent]
})
export class CommunityCardAccordionModule { }

3. 在CommunityPageModule and DeleteFriendsPageModule中导入CommunityCardAccordionModule

就是这样，你解决了问题，现在CommunityCardAccordionComponent只在一个模块中声明