升级Angular 11遇NG8002错误：无法绑定formGroup等属性

• 检查模块导入的完整性与正确性
  确保AppModule的imports数组中同时包含表单相关模块，代码示例：

  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { CommonModule } from '@angular/common';
  
  @NgModule({
    imports: [
      CommonModule,
      FormsModule,
      ReactiveFormsModule,
      // Angular Material及其他必要模块
    ]
  })
  export class AppModule { }
  

  特别注意：如果项目存在延迟加载模块，这些模块不会继承AppModule的导入，需要在各自模块中单独导入FormsModule/ReactiveFormsModule，Angular 11对模块隔离的校验比之前版本更严格。

• 彻底清理缓存与重建依赖
  执行以下命令完全重置依赖环境：

  rm -rf node_modules package-lock.json
  npm cache clean --force
  npm install
  

  再清理Angular构建缓存并重新构建：

  ng cache clean
  ng build --delete-output-path
  

• 同步Angular CLI与框架版本
  Angular 11要求CLI版本必须与核心框架版本完全匹配，执行ng version查看版本一致性，若不匹配则升级CLI：

  npm install @angular/cli@11 -g
  npm install @angular/cli@11 --save-dev
  

• 校验模板语法的合规性
  Angular 11对模板语法的校验更严格：

  • 使用ngModel时必须搭配name属性，比如：<input [(ngModel)]="user.name" name="userName">
  • 确认formGroup绑定的变量在组件类中已正确定义，无拼写错误

• 同步第三方库版本
  Angular Material需升级到对应11版本：

  npm install @angular/material@11 @angular/cdk@11
  

  同时检查其他第三方表单相关库，确保其支持Angular 11，不兼容则升级或替换。

内容的提问来源于stack exchange，提问作者Anthony Anaya