Debugger: How to debug main process of Electron apps?

[Haraven]

Hello,

I have an Electron webpack app I am developing and I would like to debug it using Zed. I am using Electron Forge to package my app, and yarn to manage app packages.

For reference, I have been developing it using VSCode/Cursor for the most part, and have had no issues debugging it using the VSCode debugger.

In Zed, however, I can't figure out how to start debugging. From what I read, Zed should automatically work with .vscode/launch.json debug configurations, but the debugger never launches my app. It always disconnects before my app gets to launch.

I've also tried changing my launch config to match the official VSCode debug configuration provided by the Electron team, but that doesn't work for my setup in Zed either.

I would appreciate any kind of pointers or help in getting start with debugging my app using Zed.

---

Configs:

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug Main Process",
            "type": "node",
            "request": "launch",
            "cwd": "${workspaceFolder}/app",
            "runtimeExecutable": "yarn",
            "runtimeArgs": [
                "start"
            ],
            "windows": {
                "runtimeExecutable": "yarn.cmd"
            },
            "args": [],
            "outputCapture": "std"
        }
    ]
}

package.json

{
  // ...
  "main": ".webpack/main",
  "scripts": {
    "start": "cross-env NODE_ENV=development electron-forge start",
  },
  // ...
}

---

System information:

• Zed 0.196.6
• OS: Garuda Linux
• WM: Hyprland
• Electron version: 27.0.2
• Electron Forge version: 6.4.2
• Yarn version: 1.22.22