升级至Angular 12后执行ng serve卡在生成浏览器应用包阶段问题求助

• 清除缓存重试：Angular v12默认启用本地持久化构建缓存，损坏的缓存文件会直接导致构建流程卡死，先执行对应命令删除缓存目录后重试：
  • macOS/Linux：rm -rf .angular/
  • Windows：rmdir /s /q .angular
• 校验开发模式构建配置：确认angular.json中build节点的development配置项已关闭所有生产优化能力，避免开发环境执行不必要的编译逻辑：

{
  "build": {
    "configurations": {
      "development": {
        "buildOptimizer": false,
        "optimization": false,
        "aot": false,
        "sourceMap": true,
        "vendorChunk": true,
        "namedChunks": true,
        "extractLicenses": false
      }
    }
  }
}

若仅配置了serve节点的defaultConfiguration为development，未对应配置build节点的development规则，会默认沿用生产配置的优化逻辑，导致构建耗时极长甚至卡住。

• 调整库引用路径：开发阶段不要直接引用库的dist目录产物，建议在tsconfig.json的paths字段中配置指向库源码的路径映射，减少构建时的文件监听范围冲突，避免库产物更新不及时导致的构建异常。
• 开启verbose日志定位卡点：执行ng serve --verbose启动构建，查看日志最后输出的执行步骤，可快速定位是依赖解析、静态资源处理还是代码编译阶段出现阻塞，常见触发原因包括svg/字体等静态资源路径配置错误、第三方依赖存在循环依赖等。
• 校验依赖版本一致性：执行ng version确认@angular/cli、@angular/core、@angular-devkit/build-angular所有核心包版本均为v12同系列版本，跨版本依赖会导致构建流程逻辑异常。
• 校验Node.js版本兼容性：Angular v12仅兼容12.20.x、14.15.x、16.10.x这三个Node.js版本区间，若使用其他版本的Node.js，切换到14.x LTS版本后重试即可。

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