Angular5 调试在 Chrome 中不起作用

Question

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

编辑:

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

Answer 1

这个解决方案在 angular 9 中对我有用。在 angular.json 文件中有一个属性“优化”被设置为 true 并且出于某种原因它正在创建没有调试器的优化文件。我将它设置为 false "optimization": false。