无法调试 Angular 11、TypeScript 和 VS 代码中的断点

Question

第一次尝试 angular 应用程序，我可以使用 ng serve 启动它。 但是，我无法在 VS Code 中触发断点。 我似乎也没有launch.json。 我需要采取哪些步骤才能调试我的应用程序？

Answer 1

我不知道这是否是正确的方法，但我设法在我的 angular 应用程序（在开发中）中的断点处停止的方法是在浏览器中打开开发人员工具，查找“来源”选项卡，单击它，然后在左侧面板中查找“webpack”。 它应该看起来像这样（它在图片的最后）。

折叠 webpack 部分后，您基本上会看到 Angular 项目文件夹，查找要添加断点的文件并从那里添加。 它总是对我有用。