我有一个Angular 的应用程序,我正试图在VS Code年调试.

当我编译并运行应用程序(ng serve)时,断点被绑定:

enter image description here

但是,当我指定不同的配置(例如-c qa-c uat)时,它们将解除绑定:

enter image description here

  1. 为什么在我指定不同的 配置?
  2. 如何为针对特定环境的调试会话绑定断点?

Relevant information

angular.json sample environment configuration:
"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"
    }
  ]
},
Software versioning:

推荐答案

解决此问题的方法很简单,我没有将该特定环境的sourceMap属性设置为angular.json中的true,而是设置为"sourceMap": false,

有关更多信息,请参见https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/SourceMap.

多亏了康纳-https://github.com/microsoft/vscode-js-debug/issues/872

Angular相关问答推荐

Angulat 17@ngrx/Signals或全球服务,用什么?

Angular v12:Uncatch(in promise):ReferenceError:d3 is not defined ReferenceError:d3 is not defined

将kendo—colorpicker的kendo弹出窗口附加到组件''

tabindex on button on button in MatMenu in angular不工作

MAT表的内联文本编辑-未刷新编辑图标

Angular中的Bootstrap carousel动态属性

截获火灾前调用公共接口

单选按钮的Angular2 Reactive Forms formControl

使用 rxjs 处理刷新令牌

Angular2 路由 VS ui-router-ng2 VS ngrx 路由

Observable.forkJoin 和数组参数

angular4应用程序中输入的最小值和最大值

等待多个promises完成

@angular/platform-b​​rowser 与 @angular/platform-b​​rowser-dynamic

如何在悬停时向元素添加类?

Angular2中是否有像window.onbeforeunload这样的生命周期钩子?

无法在 RxJs 6 和 Angular 6 中使用 Observable.of

如何在 Angular 应用程序中通过路由更改页面标题?

如何在 Angular CLI 的构建时插入内部版本号或时间戳

ngClass 中的多个条件 - Angular 4