Angular 11 - ng serve - 不推荐使用选项“sourceMap”

Question

我将 Angular 项目从 Angular 10 更新到 11x。一切正常，除了一个关于运行项目使用的警告ng serve（在 ng serve 中没有任何选项）。警告是：

不推荐使用选项“sourceMap”：改用浏览器构建器中的“sourceMap”选项。

警告未出现在 中ng build。

以下是angular.json项目中浏览器构建器部分的样子：

"builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/my-app",
            "index": "src/index.html",
            "sourceMap": true,
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],

Angular 11 中的某些相关内容发生了变化？如何消除此警告？

Answer 1

根据之前的评论，这是一个工作配置：

在 中angular.json，将此配置添加到 projects.[NAME_OF_YOUR_PROJECT].architect.serve.configurations：

"dev": {
  "browserTarget": "[NAME_OF_YOUR_PROJECT]:build:dev"
}

像那样 ：

...
"architect": {
  "serve": {
    ...
    "configurations": {
      "production": {
        ...
      },
      "dev": {
        "browserTarget": "[NAME_OF_YOUR_PROJECT]:build:dev"
      }
    }
  },
  ...

然后"dev"在 中添加相应的配置projects.[NAME_OF_YOUR_PROJECT].architect.build.configurations：

"dev": {
  "optimization": false,
  "sourceMap": true
}

就像这个例子：

...
"architect": {
  "build": {
    ...
    "configurations": {
      "production": {
        ...
      },
      "dev": {
        "optimization": false,
        "sourceMap": true
      }
    }
  },
...

现在您只需编辑"start"以下脚本命令package.json：

...
"scripts": {
  "start": "ng serve --configuration=dev",
  ...

您应该在您最喜欢的浏览器中检索源地图文件！

Answer 2

您需要删除sourceMapfrom serve --> options --> sourceMap，它已被弃用。

Answer 3

我对一些答案感到困惑，这些选项并没有真正被弃用，但现在应该在 angular.json 的正确“构建”部分中指定，而不是“服务”。