angular - Angular5 调试在 Chrome 中不起作用

Question

我不知道为什么它不再起作用了。我曾经能够打开开发人员工具，在我的角度代码中放置一个断点，然后它会暂停。但最近，它无法识别如何将网络文件映射到我的本地文件。请在此处查看我的视频解释（3 分钟长）。

编辑：

更多详细信息：问题是，当抛出错误并记录在控制台日志中时，我单击行号，以便 chrome 开发人员工具可以将我带到引发错误的确切位置，它会将我带到网络文件它没有映射到我正在编辑的本地文件。它对待他们就像他们没有关系一样。出于这个原因，如果我在网络文件中放置一个调试点，它就会中断。如果我在本地文件中放置一个调试点，它不会中断。如何告诉 Chrome 如何建立映射？好像他们删除了这个功能。

Answer 1

该解决方案在 Angular 9 中对我有用。在 angular.json 文件中，有一个属性“优化”设置为 true，并且由于某种原因，它在没有调试器的情况下创建了优化文件。我将其设置为 false "optimization": false。

Answer 2

我最近有一个类似的问题。对我来说，在任何文件（即使是与我正在调试的站点不同的站点）上都有活动的 chrome 覆盖似乎一直在搞砸源映射并导致我无法调试我的应用程序。删除我的所有覆盖恢复了正常的调试功能。