如何在我的项目中使用 Chrome 调试 Angular *ngIf 结构指令?

2023-12-12

我想将 Angular 源代码/源映射附加到我生成的 Angular CLI 项目中,以便我可以调试如下指令*ngIf在 Chrome 中。

是否可以以某种方式将调试器附加到ng_if.ts使用一些 angular.json 配置/源映射...? 或者是否有一个设置可以在开发模式下添加源映射,以便我可以单步执行任何带有源映射的第三方库?

enter image description here

If I press Ctrl + O in Chrome and then type ngIf or ng_if there is no such file in the list menu.

enter image description here

编辑:提供供应商源映射时的样子(请参阅接受的答案):

enter image description here


这也让我很好奇。我从来不需要调试 Angular 源代码,但为什么不呢。

似乎有一个vendorSourceMapng cli 的标志在某些时候已被弃用,新的​​方法是通过angular.json自 v7.2 起的文件(https://blog.ninja-squad.com/2019/01/09/angular-cli-7.2/):

"serve": {
  "options": {
    "sourceMap": {
      "scripts": true,
      "styles": true,
      "vendor": true
    },
  ...
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在我的项目中使用 Chrome 调试 Angular *ngIf 结构指令? 的相关文章

随机推荐