我不得不把我的launch.json文件改成下面的。显然，pwa-前缀是一种指向VS Code的新JavaScript调试器的方式。请参见stackoverflow discussion。旧的调试器在这个平台上不再工作了。希望这能帮助到一些人。

{
    "version": "0.2.0",
    "configurations": [
      {
        "type": "pwa-chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:8080",
        "webRoot": "${workspaceFolder}"
    }
    ]
}

我也遇到过类似的情况，但找不到相关的解决方案：

**快速解答：**升级到VS Code 1.56.2后，请确保删除旧断点并创建新断点，并且至少有1个断点与launch.json可用.
冗长的详细信息：

当我启动“调试器栏”时，我看到顶部的调试栏有几秒钟，然后它消失了。但控制台上没有消息，什么都没有。我尝试重新安装VS代码，启用/禁用扩展，各种重启。

• 操作系统和版本：Mac OS X版本11.4（20 F71）
• VS代码版本：1.56.2
• 扩展名：Python v2021.5.842923320（微软提供）
  根本原因：

我确实知道我更新了我的VS代码，之后这个神秘的问题开始发生，所以当释放VS代码1.56.2的日志.我发现下面的释放日志
中断#时显示的调试视图
debug.openDebug设置的默认值现在为openOnDebugBreak，以便在每次命中断点时，VS代码都将打开“调试”视图。“调试”视图也会在第一个会话启动时显示。
因此，VS代码版本1.56发布，调试器仅在找到至少1个断点时显示。但是，在VS代码升级后，其内部代码检查历史断点数据似乎存在问题。
https://code.visualstudio.com/updates/v1_56#_debug-view-displayed-on-break

在sourceMapPathOverrides中添加2个路径。它对我很有效。

"sourceMapPathOverrides": {
  "webpack:///./src/*": "${webRoot}/*",
  "webpack:///src/*": "${webRoot}/*",
}

在移除sourceMapPathOverrides后工作：

// "sourceMapPathOverrides": {
            //   "webpack:///src/*.vue": "${webRoot}/*.vue",
            //   "webpack:///./src/*.js": "${webRoot}/*.js",
            // }