angular - 未绑定(bind)断点 - VS Code | Chrome | Angular

Question

我有一个 Angular 应用程序，我试图在 VS Code 中进行调试.
当我编译并运行应用程序( ng serve )时，断点被绑定(bind):

但是，当我指定不同的配置时，例如-c qa或 -c uat它们不受约束:

为什么当我指定不同的断点时未绑定(bind)
配置？

如何绑定(bind)针对特定环境的调试 session 的断点？

相关信息
angular.json 示例环境配置:

"uat": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.uat.ts"
    }
  ],
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
  "extractCss": true,
  "namedChunks": false,
  "extractLicenses": false,
  "vendorChunk": false,
  "buildOptimizer": true,
  "budgets": [
    {
      "type": "initial",
      "maximumWarning": "2mb",
      "maximumError": "5mb"
    },
    {
      "type": "anyComponentStyle",
      "maximumWarning": "6kb",
      "maximumError": "10kb"
    }
  ]
},

软件版本控制:

Visual Studio Code 1.50.1

Chrome 83.0.4103.122

Debugger for Chrome 4.12.11

JavaScript Debugger (Nightly) 2020.10.2217

Answer 1

解决这个问题很简单，我没有设置 sourceMap属性(property)给 true在那个特定环境的 angular.json 中，我有 "sourceMap": false,见 https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/SourceMap了解更多信息。
感谢康纳 - https://github.com/microsoft/vscode-js-debug/issues/872