Angular 11升级后构建进度百分比不显示，如何解决？

我之前也碰到过这个头疼的问题——升级到Angular 11后，原本熟悉的构建进度百分比突然消失了，加了--progress参数也没效果。后来摸索出几个可行的解决办法，分享给你：

1. 手动在angular.json中启用进度显示 #

Angular 11的默认构建配置可能悄悄关闭了进度显示，你可以直接在项目的angular.json文件里手动开启：
找到你项目对应的architect -> build -> options节点，添加"progress": true配置：

"projects": {
  "your-project-name": {
    "architect": {
      "build": {
        "options": {
          // 保留原有配置
          "progress": true
        }
      }
    }
  }
}

保存后重新运行构建命令，应该就能看到熟悉的进度百分比了。

2. 组合使用--progress和--verbose参数 #

有时候单独加--progress可能因为日志输出的优先级问题不生效，试试把两个参数一起用：

ng build --progress --verbose

--verbose会输出更详细的构建日志，同时能强制触发进度条的渲染逻辑。

3. 检查自定义构建器的配置 #

如果你的项目用了自定义构建器（比如@angular-builders/custom-webpack这类第三方插件），它们可能覆盖了Angular CLI的默认进度设置。这种情况下，需要在对应的构建器配置里显式开启progress：

"builder": "@angular-builders/custom-webpack:browser",
"options": {
  "progress": true,
  // 你的其他自定义配置
}

4. 清理构建缓存再重试 #

有时候缓存会导致一些莫名其妙的异常，试试清理Angular的构建缓存：

ng cache clean

清理完成后再运行ng build --progress，说不定进度条就回来了。

5. 确认Node.js版本符合要求 #

Angular 11对Node.js版本有明确要求（官方推荐12.x或14.x版本），如果你的Node版本过低或过高，可能会导致CLI的部分功能异常。可以运行node -v检查版本，不符合的话升级到官方推荐的版本再试。

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