Angular项目启动报错：Cannot read property 'add' of undefined求助

问题根源 #

全局Angular CLI版本（12.1.3）与项目本地依赖的Angular核心版本（11.1.x）不兼容。高版本CLI会引入不匹配的@ngtools/webpack插件，导致运行时出现对象未定义的add方法调用错误。

解决方案 #

1. 统一全局与本地Angular CLI版本 #

• 卸载全局高版本CLI：

  npm uninstall -g @angular/cli
  

• 安装与项目匹配的11.1.x版本CLI：

  npm install -g @angular/cli@~11.1.1
  

2. 彻底清理并重装依赖 #

• 删除本地依赖文件（Windows系统替换对应命令）：

  rm -rf node_modules package-lock.json
  # Windows 命令：
  # rmdir /s /q node_modules
  # del package-lock.json
  

• 清理npm缓存：

  npm cache clean --force
  

• 重新安装所有依赖：

  npm install
  

3. 验证版本一致性 #

• 检查全局CLI版本：

  ng --version
  

  确认输出的Angular CLI版本为~11.1.1，与项目package.json中devDependencies的@angular/cli版本一致。

额外排查（若以上步骤无效） #

单独安装匹配版本的构建核心依赖：

npm install @angular-devkit/build-angular@~0.1101.1

再执行npm install完成依赖安装。

内容的提问来源于stack exchange，提问作者Raksha Acharya