使用Barrel模块（共享模块）时Angular独立组件迁移报错求助

核心问题本质 #

独立组件（标记standalone: true）不允许被NgModule的declarations数组收录，想要通过NgModule对外暴露独立组件，必须先将其加入imports数组，再在exports里导出。

具体修复步骤 #

1. 修正SharedModule配置
   把独立组件从declarations移到imports，同时保留exports里的配置：

// shared.module.ts
@NgModule({
  imports: [
    // 先导入需要对外暴露的独立组件
    SharedComponent,
    ModalDeleteArchiveComponent
  ],
  exports: [
    SharedFormsModule,
    // 再导出已导入的独立组件
    SharedComponent,
    ModalDeleteArchiveComponent
    // ...其他原有导出项
  ]
})
export class SharedModule { }

2. 保留Barrel导入的便捷性
   如果之前用index.ts作为Barrel统一导出，只需在Barrel文件里同时导出SharedModule和所有独立组件：

// shared/index.ts
export * from './shared.module';
export * from './components/shared-component/shared-component.component';
export * from './components/modal-delete-archive/modal-delete-archive.component';
// ...其他需要对外暴露的组件/模块

这样其他模块或独立组件依然可以用简洁的Barrel方式导入：

// 其他文件中导入示例
import { SharedModule, SharedComponent } from '@app/shared';

3. 关键注意事项

• 独立组件是自包含的，非独立模块可通过导入SharedModule使用，其他独立组件则可以直接导入目标组件，两种方式完全兼容
• 绝对不要把独立组件放到NgModule的declarations数组中，这是Angular明确禁止的操作

内容的提问来源于stack exchange，提问作者Raphaël Balet