如何调试到 Angular Core.js

Question

我有一个基于 Angular 9 的应用程序，我尝试在 @angular/core 库代码处设置断点以查看一些变量，基本上相关代码在 @angular/core 包下的 core.umd.js 中。

function checkAndUpdateView(view) {
    ....
}

我使用“ng serve”在 Chrome 87.0.4280.8 中启动应用程序，我的应用程序处于默认调试模式。我可以在我的应用程序组件的代码中设置断点，例如 Chrome 开发者工具中的 app.component.ts 文件，并在我的断点处查看执行停止。在 core.js 中，虽然我可以在那里设置断点，但执行并没有停止。就像截图一样。

我也尝试使用"ng serve --vendorSourceMap" 或按照here 的建议在angular.json 文件中添加"vendorSourceMap": true，但之后我可以在view.ts 中找到目标函数，一旦我把断点放在那里，它仍然没有被击中。

我想知道调试 Angular 9+ 库代码的正确方法。

Answer 1

我猜您正在尝试调查 expression has changed after it was checked 错误。您可能可以检查调用堆栈并单击每个（匿名）调用以深入挖掘。