Devtool won't show in 0.29.0 version

[frankchen211]

In latest version 0.29.0, the devtool won't open, but 0.28.* versions works.

Tested using this template:

https://github.com/electron-vite/electron-vite-vue

[katalonne]

yeah, same here, any fix?

[Igloczek]

you need to wait for window to open before opening devtools

if you are using async/await do something like this

await mainWindow.loadURL(devServerUrl)
mainWindow.webContents.openDevTools()

if not

mainWindow.loadURL(devServerUrl).then(() => mainWindow.webContents.openDevTools())

[frankchen211]

you need to wait for window to open before opening devtools

if you are using async/await do something like this

await mainWindow.loadURL(devServerUrl)
mainWindow.webContents.openDevTools()
if not

mainWindow.loadURL(devServerUrl).then(() => mainWindow.webContents.openDevTools())

Still won't work, even try to open the devtool from menu.

[manifoldtimblin]

I'm having this issue on Linux, but my co-workers who use macOS are unaffected.

[andersk]

I see this problem too. Bisection shows it was introduced by commit 638d0f3, specifically this part of the change:

--- a/src/index.ts
+++ b/src/index.ts
@@ -165,7 +168,10 @@ export async function startup(
   await startup.exit()
 
   // Start Electron.app
-  process.electronApp = spawn(electronPath, argv, { stdio: 'inherit', ...options })
+  process.electronApp = spawn(electronPath, argv, {
+    stdio: ['inherit', 'inherit', 'inherit', 'ipc'],
+    ...options,
+  })
 
   // Exit command after Electron.app exits
   process.electronApp.once('exit', process.exit)

[andersk]

Minimal reproduction on Linux from an empty directory:

electron/main.js

import { app, BrowserWindow } from "electron";

app.whenReady().then(async () => {
  const win = new BrowserWindow();
  await win.loadURL("about:blank");
  win.webContents.openDevTools();
});

package.json

{
  "main": "dist-electron/main.js",
  "dependencies": {
    "electron": "^34.3.0",
    "vite": "^5.4.14",
    "vite-plugin-electron": "^0.29.0"
  }
}

vite.config.js

import electron from "vite-plugin-electron/simple";

export default {
  plugins: [
    electron({
      main: {
        entry: "electron/main.js",
      },
    }),
  ],
};

Run npm i; npx vite.