Electron Forge+Vite模板VS Code调试问题：断点无法绑定

1. 修正VS Code launch.json配置 #

替换原有的launch.json内容为以下配置，重点修正路径映射规则，确保调试器能关联编译产物与本地源码：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Electron Main",
      "runtimeExecutable": "${workspaceFolder}/node_modules/@electron-forge/cli/script/vscode.sh",
      "windows": {
        "runtimeExecutable": "${workspaceFolder}/node_modules/@electron-forge/cli/script/vscode.cmd"
      },
      "runtimeArgs": ["--inspect=5858"],
      "outFiles": ["${workspaceFolder}/.vite/build/**/*.js"],
      "sourceMaps": true,
      "sourceMapPathOverrides": {
        "vite:///*": "${workspaceFolder}/*",
        "*:///src/*": "${workspaceFolder}/src/*"
      },
      "cwd": "${workspaceFolder}",
      "console": "integratedTerminal"
    }
  ]
}

• 移除无效的program字段：Electron Forge的vscode脚本会自动处理主进程入口，无需手动指定
• 新增--inspect=5858确保调试端口正确监听
• outFiles指向Vite编译主进程后的产物目录
• sourceMapPathOverrides将Vite生成的虚拟路径映射到本地真实源码路径

2. 调整Vite主进程编译配置 #

在项目根目录的vite.main.config.js中，确保生成正确的source map：

import { defineConfig } from 'vite';

export default defineConfig({
  build: {
    sourcemap: 'inline', // 生成内联source map，避免路径匹配问题
    outDir: '.vite/build',
    rollupOptions: {
      input: {
        main: './src/main.js' // 确认主进程入口路径正确
      }
    }
  }
});

3. 清理缓存并重新构建 #

执行命令清理旧产物与缓存，确保新配置生效：

rm -rf .vite node_modules/.cache
npm run make

Windows系统执行：

rmdir /s /q .vite && rmdir /s /q node_modules\.cache
npm run make

4. 验证调试 #

重启VS Code并重新启动调试会话，此时断点应正常绑定（不再显示灰色），调试器可正确停在断点位置。

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