Angular 14执行ng serve时编译陷入无限循环及多次编译问题

• 排查文件自动变更源
  关闭IDE自动保存、云同步工具（如OneDrive、Dropbox），这类工具会频繁修改文件触发Angular的watch机制。手动保存文件，观察编译次数是否恢复正常。

• 配置watch忽略规则
  在angular.json的项目构建配置中添加exclude字段，排除无需监听的文件/目录：

  "projects": {
    "your-project-name": {
      "architect": {
        "build": {
          "options": {
            // 其他配置
            "exclude": [
              "**/*.log",
              "**/temp/**",
              "**/.git/**",
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  }
  

  若文件系统watch不灵敏，可在serve配置中添加poll参数（单位毫秒）：

  "serve": {
    "options": {
      // 其他配置
      "poll": 1000
    }
  }
  

• 清理缓存与重建依赖
  执行以下命令清理缓存并重新安装依赖：

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

  完成后重启ng serve。

• 检查文件编码与权限
  确保项目文件编码统一（推荐UTF-8），当前用户对项目目录拥有完整读写权限，避免因编码变更、权限修改触发重复编译。

• 排查自定义构建脚本
  若项目使用了自定义postinstall脚本或第三方builders，确认这类脚本不会在编译过程中修改项目文件，导致循环触发watch。

• 升级Angular CLI至14.x最新版
  Angular 14早期CLI版本存在watch机制bug，升级到同大版本的最新修复版：

  npm install @angular/cli@14 --save-dev
  

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