在 VSCode 中调试 Angular 应用程序再次无法正常工作答案

【问题标题】：Debugging Angular app in VSCode is not working AGAIN在 VSCode 中调试 Angular 应用程序再次无法正常工作
【发布时间】：2021-06-05 11:50:35
【问题描述】：

根据文档，它必须启动应用程序并击中我的断点。相反，我得到了这个：

我不知道为什么这不起作用。请指教。谢谢。

另外，为什么我们需要这个扩展？

看起来调试模块现在已内置在 VSCode 中，并且完全相同：

但也不工作（这里我禁用了扩展并使用了内置调试器）：

【问题讨论】：

【解决方案1】：

我曾经遇到过你的问题。我会努力寻找解决方案，然后再过一段时间再做同样的事情。从 VS Code 调试时总是出现一些令人困惑的错误。

我转而直接从浏览器调试我的 Angular 应用程序，我总是很高兴。 Chrome 和 Firefox 在调试过程中从未让我失望过。

请记住，由于某些奇怪的原因 webpack 将所有文件放在 . 源文件夹下

这是结构图片以及如何直接从 Chrome 中找到要调试的文件

您还可以移动到console 选项卡并执行您想要的每条语句。

在代码上移动鼠标也会给你变量在执行过程中保持的值。

【讨论】：

谢谢，布格。是的，VSCode 调试发生了一些奇怪的事情。多年来，我一直遇到 VSCode 调试问题。它在某个时候有效，但在没有对 launch.json 进行任何更改的情况下突然停止工作。 Chrome 调试，是的，但重点是能够在 VSCode 中进行调试，就像文档状态一样。目前，如果调试功能是内置的，我不明白为什么我们需要扩展。有了它，我必须通过“ng serve”手动启动应用程序，然后才开始调试，不知道这会持续多久。 “附加”选项永远不会起作用。他们经常更改内容，但不更新文档。
对我来说，附加和监听功能似乎总是有问题。我花了很多时间分别解决每个问题，完成了我的调试，然后几周后它就不起作用了。或者我再次克隆另一个项目，但它再次不起作用。因此，我刚刚切换到 Chrome 和 Firefox 调试，从那天起我一直直接调试，到目前为止没有任何问题。