我知道这是事后的方式，但我想回答的情况下，其他人是挣扎与这个问题，就像我今天一整天。
在阅读了matsu's blog的一个关键信息之后：
转到main.js并注解掉这一行：
mainWindow.webContents.openDevTools（）
远程调试不适用于多个DevTools客户端。我们将在VS Code中使用调试器，而不是Electron的DevTools。

一些（所有？）电子伪造模板在启动时打开Chrome开发工具。Chrome / Electron的一个局限性是只支持一个到任何类型的调试器的连接（在response from MSFT here中确认）。我们只需要注解掉这一行。
在你的main.js（或index.ts或其他）中：

// Open the DevTools.
  if (isDevMode) {
    await installExtension(REACT_DEVELOPER_TOOLS);
    //mainWindow.webContents.openDevTools(); <--- comment this out
  }

复制你的launch.json，然后写一些代码，设置断点。测试代码放在app.tsx的末尾：

setTimeout(() => {
    let x = 0;            //break point here
    console.log(x);
}, 3000);

断点工作正常。
我在launch.json中做的另一个改变是：

"runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron-forge-vscode-win",
"runtimeArgs": [
    ".",  //swap this line and the next line
    "--remote-debugging-port=9223"
]

在package.json中添加新脚本

"debug": "electron-forge start --vscode"

然后在.vscode/ launch.json中添加以下配置

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Electron Main",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run-script", "debug"],
      "cwd": "${workspaceFolder}"
    }
  ]
}

我已经在ReactJS with Webpack项目中使用了上面的配置。