如何在我的项目中使用Chrome调试Angular*ngIf structural指令？

我想将Angular源代码/源代码映射附加到生成的Angular CLI项目中，以便在Chrome中调试像

*ngIf

这样的指令

是否可以使用angular.json配置/源映射将调试器附加到

ng_if.ts

。。。？ 或者在开发模式下是否有添加源地图的设置，以便我可以单步通过任何附加了源地图的第三方库

如果我在Chrome中按Ctrl+O，然后键入

ngIf

或

ng\u（如果

列表菜单中没有这样的文件）

编辑：提供供应商源地图时的外观（请参阅接受的答案）：

---

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

ng cli似乎有一个

vendorSourceMap

标志在某个时候被弃用，新的方法是从v7.2（）开始通过

angular.json

文件：

---

在developer sources面板中，按Ctrl+p并输入ngIf指令在

angular/common

模块中执行的模块名称，因此输入

common.js

然后查找

NgIF

的类名，然后可以设置断点

您正在查看javascript版本，所有的核心模块都已经构建好了 这可能看起来很难理解，但您可以在以下位置查看

NgIf

的来源： github以查看typescript源代码

---

这就产生了不同，例如，Ctrl+O现在通过源代码映射显示

ng_if

源代码。谢谢这也行得通，所以upvote:）但它没有源映射。所以另一个答案被接受了。无论如何，谢谢你。

"serve": {
  "options": {
    "sourceMap": {
      "scripts": true,
      "styles": true,
      "vendor": true
    },
  ...
}