1.从工作区的.vscode文件夹中删除任何现有的launch.json。
1.按下F5键（在vscode工作区中）并选择“Chrome”。请注意，launch.json将重新创建。
1.从终端启动Angular 应用程序：'ng serve --port= 8080'。请等待它启动。
1.返回您的vscode工作区。按F5以两柴模式启动Chrome。您的应用程序应该会载入Chrome。
1.现在，您可以在vscode**内的原始程式码中设定中断点。如往常一样与您的应用程序互动。vscode应该会在您触及中断点时暂停。

我曾经遇到过你的问题。我会努力找到一个解决方案，然后一段时间后再次同样的事情。总是一些混乱的错误与调试从VS代码。
我转向直接从浏览器调试我的Angular 应用程序，我总是很高兴。Chrome和Firefox在调试过程中从来没有让我失望过。
请记住，由于某些奇怪的原因，webpack将所有文件放在.源文件夹下
下面是一张结构图，以及如何直接从Chrome中找到要调试的文件

您也可以移动到console选项卡并执行所需的每个语句。
此外，在代码上移动鼠标将给予变量在执行过程中的值。

安装了
npm安装--全局@azure/静态Web应用程序客户端@最新
将launch.json设置为

{
linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "SWA: Run Angular",
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:4280",
            "preLaunchTask": "swa: start Angular",
            "webRoot": "${workspaceFolder}/",
            "timeout": 30000
        }
    ]
}

现在去调试它