VS Code Chrome调试器启动后立即关闭无报错问题求助

环境信息 #

• VS Code版本：

Version: 1.103.1 (system setup)
Commit: 360a4e4fd251bfce169a4ddf857c7d25d1ad40da
Date: 2025-08-12T16:25:40.542Z
Electron: 37.2.3
ElectronBuildId: 12035395
Chromium: 138.0.7204.100
Node.js: 22.17.0
V8: 13.8.500258-electron.0
OS: Windows_NT x64 10.0.26100

• Chrome版本：

Version 139.0.7258.139 (Official Build) (64-bit)

• launch.json配置：

{
    "version": "0.2.0",
    "trace": true, // Added in case VS Code logs its work somewhere, but couldn't find location
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

• 项目结构：React/NextJS代码位于proj\Source\client，client是VS Code顶级工作区文件夹，此前配置正常可用。
• 验证情况：普通浏览器访问http://localhost:3000正常，仅调试模式下浏览器异常。
• 问题现象：启动调试后Chrome/Edge打开空白窗口，1秒后关闭，VS Code状态栏闪红后恢复，无明确错误提示；日志出现GPU相关报错：

[0908/155708.000:ERROR:third_party\crashpad\crashpad\client\settings.cc:431] Settings version is not 1

GPU state invalid after WaitForGetOffsetInRange

[2056:25304:0908/152115.938:ERROR:gpu\ipc\client\command_buffer_proxy_impl.cc:326] GPU state invalid after WaitForGetOffsetInRange.
[2056:25304:0908/152115.938:ERROR:gpu\ipc\client\command_buffer_proxy_impl.cc:326] GPU state invalid after WaitForGetOffsetInRange.

解决方案 #

1. 禁用调试浏览器GPU加速 #

日志中的GPU报错是核心线索，调试模式下浏览器的GPU加速大概率和VS Code调试器冲突。直接在launch.json中添加runtimeArgs参数强制关闭GPU：

{
    "version": "0.2.0",
    "trace": true,
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": ["--disable-gpu", "--disable-software-rasterizer"]
        }
    ]
}

2. 修正webRoot路径 #

确认${workspaceFolder}是否准确指向proj\Source\client。如果VS Code工作区是父级文件夹，调整webRoot为：

"webRoot": "${workspaceFolder}/client"

3. 重置VS Code调试插件缓存 #

• 关闭VS Code，删除以下目录的缓存文件：
  • Windows：%USERPROFILE%\.vscode\extensions\msjsdiag.debugger-for-chrome-<版本号>（Edge对应msjsdiag.debugger-for-edge）
• 重新打开VS Code，重装Chrome/Edge调试插件

4. 对齐Chrome与VS Code内置Chromium版本 #

当前VS Code内置Chromium为138.0.7204.100，本地Chrome是139.0.7258.139，版本差异可能引发兼容性问题。可以降级Chrome到138版本，或等待VS Code更新适配新版本Chrome。

5. 以管理员身份运行VS Code #

Windows权限限制可能导致调试器无法正常与浏览器通信，右键VS Code图标选择“以管理员身份运行”后再尝试启动调试。

内容的提问来源于stack exchange，提问作者gene b.