Visual studio code 旧的调试会话阻止使用vs代码在chrome中进行调试

使用VS代码在chrome中调试时，我从chrome中得到以下警告：

看起来浏览器已经从旧的调试会话运行。请在尝试调试之前关闭它，否则VS代码可能无法连接到它

然后，我可以单击“无论如何调试”按钮，打开chrome，但当我登录到我的应用程序时，它会崩溃。该应用程序在未调试时运行良好

我没有运行我的应用程序的任何其他实例，因此我不理解此错误。以前有人见过这个吗

我正在运行VS代码1.49.0以及Chrome扩展v4.12.10的调试器。Firefox是我的默认浏览器，但调试器会启动Chrome进行调试。我的启动配置如下：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

---

我最近换了电脑，这个配置在上一台电脑上运行。我错过什么了吗-/

我也遇到了同样的问题，这是我的解决方法（虽然这不是您确切问题的直接答案，但它可能会帮助您和其他人继续使用同一扩展提供的替代方法进行调试）

此调试模式（

attach

mode）将允许您调试已打开的url，而不是“启动”url

步骤1： 添加

launch.json

一个“附加”配置。您的配置现在如下所示：

{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
    {
        "type": "pwa-chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:3000",
        "webRoot": "${workspaceFolder}"
    },
    {
        "name": "Attach to Chrome",
        "type": "pwa-chrome",
        "request": "attach",
        "port": 9222,
        "url": "http://localhost:3000",
        "webRoot": "${workspaceFolder}"
    }
]
}

步骤2： 关闭Chrome并在启用远程调试的情况下重新打开它，根据您的操作系统，按照中的说明进行操作：

窗口：

• 在Chrome快捷方式上单击鼠标右键，然后选择“属性”
• 在“目标”字段中，追加--remote debugging port=9222 或者在命令提示符下，执行/chrome.exe——远程调试端口=9222

马科斯

• 在终端中，执行/Applications/Google
  Chrome.app/Contents/MacOS/Google\Chrome——远程调试端口=9222

Linux

• 在终端中，启动google chrome——远程调试端口=9222

我使用Ubuntu，所以我只是在终端中执行：

$ google-chrome --remote-debugging-port=9222

步骤3： 在Chrome中，打开所需的url：

http://localhost:3000

步骤4： 最后，在VS代码中选择并启动“附加到Chrome”调试器

这对我很有用，我希望它也能帮助你

---

注意：在本例中，我们使用的是端口3000，因为它是问题中使用的url，但可以是任何url。它只需要与配置的url属性中给定的url完全相同。如果您导航到远离原始url的位置，可以说是

http://localhost:3000/page/

如果您尝试连接，它将无法工作。

看到相同的情况-在我的情况下，没有更改计算机或配置，只是更新了VSCode…看到完全相同的情况-chrome在登录时崩溃。它以前可以工作，但在本月VS自动更新时停止工作。我刚刚安装了VS代码1.50 9月更新，其中包括一些新的调试器功能，我可以在chrome中再次调试。¯_(ツ)_/''我有版本1.52的VS代码，我有这个错误。在Windows 10更新后，这里突然出现了相同的错误：版本10.0.19042版本19042