更新Visual Studio后调试JavaScript代码时debugger自动断开如何解决

故障原因 #

• 调试配置被更新重置：VS升级后原有项目的launch.json调试参数被覆盖，核心调试开关或连接参数异常
• 源映射匹配失效：新版本VS的JS调试器源映射匹配规则变更，断点位置和实际运行的代码行号不匹配，调试器判定执行流程结束自动断开
• 调试端口心跳异常：浏览器/Node.js的调试端口和VS配置的端口不匹配，心跳检测失败触发自动断连
• 调试扩展不兼容：旧版本的JS调试扩展和新版VS存在适配问题，导致调试链路不稳定

你已经验证console.log("......")可以正常输出，可排除代码片段未执行的故障可能性。

解决步骤 #

• 重置调试配置：打开项目.vscode/launch.json文件，删除原有JS调试配置，在调试面板重新生成对应运行环境（Chrome/Edge/Node.js）的默认配置，确认配置项"debug": true，未设置"continueOnDisconnect": false参数。
• 修复源映射配置：前端项目在构建工具配置中开启sourcemap输出，同时在launch.json中添加"sourceMaps": true、"workspaceFolder": "${workspaceFolder}"参数，保证断点位置和实际运行代码行号匹配。
• 固定调试端口：如果使用浏览器调试，在launch.json中添加"port": 9222参数，启动浏览器时带上调试启动参数--remote-debugging-port=9222，避免端口不匹配导致的断连。
• 升级官方调试扩展：打开VS扩展面板，搜索「JavaScript Debugger」，将官方JS调试扩展升级到最新版本，卸载第三方非官方的JS调试类扩展，重启VS后再尝试调试。
• 验证断点位置：直接在可正常执行的console.log("......")所在行添加断点，确认调试器可以正常停留，排除断点添加在无效行的问题。

相关截图：

内容的提问来源于stack exchange，提问作者k211beg