angular - 如何修复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": []
    },
  },
}

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