VSCode调试Node应用断点无法绑定 路径重复拼接问题咨询

这不是VSCode的bug，是配置错误导致的路径解析异常：

• 你手动在runtimeArgs中添加了--inspect-brk参数，但当前使用的js-debug-nightly调试插件会自动给启动的Node进程注入调试参数，重复注入会导致调试器内置的bootloader路径解析逻辑出错
• 配置没有显式声明工作目录，同时启动脚本、参数都写在runtimeArgs里不符合Node调试配置的规范，调试器拼接路径时把工作区绝对路径和sourcemap里自带的源码绝对路径重复拼接，最终出现了双路径叠加的错误映射。

你之前尝试添加的sourceMapPathOverrides和resolveSourceMapLocations不生效，是因为这两个配置仅在路径解析流程正常时用于自定义映射规则，当前是解析流程本身被重复注入的调试参数破坏了，加这两个配置无法解决根本问题。

直接将launch.json替换为以下配置：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Vue CLI Dev Server",
            "runtimeExecutable": "/home/lucas/.nvm/versions/node/v12.22.10/bin/node",
            "restart": true,
            "cwd": "${workspaceFolder}",
            "program": "${workspaceFolder}/node_modules/@vue/cli-service/bin/vue-cli-service.js",
            "args": ["serve"],
            "console": "integratedTerminal",
            "trace": true,
            "sourceMaps": true
        }
    ]
}

核心改动点：

• 删除runtimeArgs里手动添加的--inspect-brk，调试器会自动处理调试端口挂载，无需手动传入该参数
• 将Vue CLI服务启动脚本从runtimeArgs移到标准的program字段，启动命令serve移到args字段，符合调试器的配置解析规范
• 显式指定cwd为当前工作区目录，固定路径拼接的基准路径
• 显式开启sourceMaps，确保调试器正确读取Vue CLI构建生成的sourcemap

重新启动调试后：

• 之前灰色的未激活断点会变为正常的红色激活状态
• 再次通过Debug Diagnostics查看断点映射，路径会正确指向本地源码文件，不会再出现重复拼接
• 触发对应代码逻辑时断点可正常命中

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