Angular 16迁移编译问题：核心模块已导入仍需组件重复引入？

针对你遇到的Can't bind to 'formGroup' since it isn't a known property of 'form'报错，结合Angular 16的特性变化，可从以下几个方向排查：

1. 确认CoreModule的导出配置 #

检查CoreModule的@NgModule装饰器，确保ReactiveFormsModule同时存在于imports和exports数组，示例如下：

@NgModule({
  imports: [
    ReactiveFormsModule,
    NgbModule
  ],
  exports: [
    ReactiveFormsModule,
    NgbModule
  ]
})
export class CoreModule { }

若exports中遗漏ReactiveFormsModule，ImplementationModule导入CoreModule后无法继承该模块的指令。

2. 检查组件是否为独立组件 #

如果SampleComponent被标记为standalone: true，Angular 16中独立组件不会自动继承所在模块的导入依赖。此时即使ImplementationModule导入了CoreModule，组件也无法获取ReactiveFormsModule的指令。

• 解决方案：要么将组件的standalone改为false，要么在组件的imports数组中直接添加ReactiveFormsModule（不推荐，违背共享模块设计）。

3. 排查模块导入的拼写与循环依赖 #

• 确认ImplementationModule的imports数组中正确拼写了CoreModule，无注释或拼写错误。
• 检查是否存在循环导入：若CoreModule与ImplementationModule互相导入，会导致Angular模块解析异常，导出的依赖无法正常传递。

4. 清理构建缓存 #

Angular 16的编译优化可能导致旧缓存干扰模块解析，执行以下命令清理缓存后重新构建：

ng clean
ng build

5. 验证StrictTemplates模式的影响 #

若tsconfig.json中开启了strictTemplates: true，Angular 16的模板检查会更严格，可能暴露之前版本隐藏的模块导出问题。可暂时关闭该选项验证是否解决问题，再针对性修复模块配置。

内容的提问来源于stack exchange，提问作者Praveen Bomminani