Angular 12执行ng serve --open提示CLI版本不兼容该如何解决

问题核心是你在项目子目录执行命令，且Angular项目会优先调用本地node_modules中的CLI版本，仅修改全局CLI版本无法解决该问题，按以下步骤操作即可：

• 确认执行命令的路径：必须在项目根目录（包含package.json、angular.json的文件夹）执行命令，不要进入public等子目录执行，你当前报错的执行路径就不符合要求。
• 清理项目本地残留依赖：
  进入项目根目录后，删除node_modules文件夹和package-lock.json文件，你可以手动删除，也可以执行对应命令：
  Windows PowerShell命令：Remove-Item node_modules,package-lock.json -Recurse -Force
  Git Bash/类Unix终端命令：rm -rf node_modules package-lock.json
• 核对本地CLI版本配置：
  打开项目根目录的package.json文件，找到devDependencies配置块下的@angular/cli字段，将其版本号修改为和你项目Angular版本匹配的12.x版本，比如"@angular/cli": "~12.2.5"。
• 重新安装依赖：执行npm install完成所有依赖的安装。
• 校验版本匹配：执行npx ng --version，查看输出的CLI版本为12.x即说明本地版本匹配成功。
• 启动项目：
  方式1：执行npx ng serve --open启动
  方式2：直接执行npm start（默认调用项目本地CLI，更稳妥）

补充说明：你遇到的npm WARN using --force Recommended protections disabled警告是npm cache clean --force命令的正常提示，不影响功能，无需额外处理。

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