如何修复 Angular 11“选项“进度”已弃用”？

Question

我在编译 Angular 11 时缺少百分比进度视图。通常我会这样做：

ng serve

并在编译代码时看到了百分比进度。现在百分比视图已经消失，并且已被progress弃用：

选项“progress”已弃用：请改用浏览器构建器中的“progress”选项。

现在的问题是：这意味着什么，或者我progress=true现在必须在哪里放置选项才能返回百分比视图？

Answer 1

从 的文档中ng serve，它指出不再--progress=true|false使用（或移动），因为您收到了错误消息。

已弃用：改用浏览器构建器中的“进度”选项。

需要做的是，您的angular.json文件需要更新才能再次显示百分比。源自默认的 StackBlitz Angular 设置，它应该如下所示：

"architect": {
  "build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
      "outputPath": "dist/demo",
      "index": "src/index.html",
      "main": "src/main.ts",
      "polyfills": "src/polyfills.ts",
      "tsConfig": "src/tsconfig.app.json",
      "progress": true,
      "assets": [
        "src/favicon.ico",
        "src/assets"
      ],
      "styles": [
        "src/styles.css"
      ],
      "scripts": []
    },
  },
}

"progress": true,已添加到对象的位置options。在 StackBlitz 上测试这个很困难，所以请在本地尝试一下。