angular - 如何在 Angular 9 的开发模式下禁用调试器在 ExpressionChangedAfterItHasBeenCheckedError 上停止

Question

在 Angular 开发环境中，错误“ExpressionChangedAfterItHasBeenCheckedError”是一个常见的控制台错误，当表达式在 View 中检查后发生更改(在使用可观察对象时很常见)。在 Angular 9 中，在这种情况下会出现“烦人的”调试器停止，暂停执行:

在之前的 Angular 版本中，这个错误在 console.error 中显示，但页面流没有中断。

此处报告了该问题:https://github.com/angular/angular/issues/35470

同时，作为解决方法，我建议修改“core.js”(@angular/core/ivy_ngcc/fesm2015/core.js)，并注释以下行 (~8072):

debugger; // Left intentionally for better debugger experience.

如果有更好的解决方案，请告诉我。

Answer 1

可能更好的解决方案(因为它不涉及编辑文件)是右键单击发生中断的行，然后选择选项“从不在此处暂停”: 'Never pause here' option