41

我们最近升级到Angular 12并面临一个问题，即缺少浏览器源映射，因此我们无法调试我们的组件文件，因为没有任何文件。谁能建议我缺少什么？

4

4 回答 4

76

Angular 12 将默认的“ng build”更改为使用“production”配置。你想要“sourceMap”，所以尝试在你的 angular.json 中添加一个“开发”配置，像这样

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

以“ng build -c development”为目标，或更改“ng serve”的默认配置，例如。

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    "browserTarget": "app:build"
  },
  "configurations": {
    "production": {
      "browserTarget": "app:build:production"
    },
    "development": {
      "browserTarget": "app:build:development"
    }
  },
  "defaultConfiguration": "development"
},
于 2021-05-26T08:31:24.087 回答
3

请在您的 angular.json 中的架构师-> 构建-> 选项下添加：“sourceMap”：true 和“优化”：false。

不要忘记以相反的方式为您的生产配置设置这些。

于 2021-05-26T08:18:26.907 回答
0

您可以运行以下命令来更新 angular cli。希望它能解决问题。

ng update @angular/cli@latest —-from=11 —-migrate-only
于 2021-07-12T07:45:24.940 回答
0

在关注@colche answear 之后，我仍然无法生成源地图，在找到一些缺点后，我得到了解决方案：

ng build --prod --source-map

您必须使用源地图进行构建。

于 2022-01-30T06:47:03.270 回答