Electron IPC调用返回undefined问题排查求助

你的核心问题出在preload.js的performAction方法没有返回ipcRenderer.invoke的Promise对象，导致await调用时无法获取主进程返回的结果。

问题代码分析 #

ipcRenderer.invoke()本身会返回一个Promise，用于接收主进程的响应，但你的代码里没有把这个Promise返回给渲染进程：

// 错误写法：未返回Promise
performAction(data) {
    ipcRenderer.invoke('myChannel', data)
}

此时window.myApi.performAction()调用后返回undefined，await undefined自然也会得到undefined，所以响应变量始终为空。

修复方案 #

修改preload.js，让performAction返回ipcRenderer.invoke的结果：

import { contextBridge, ipcRenderer } from 'electron'

contextBridge.exposeInMainWorld('myApi', {
    performAction(data) {
        // 返回invoke生成的Promise，让渲染进程可以通过await获取结果
        return ipcRenderer.invoke('myChannel', data)
    }
})

额外检查点 #

确保你的BrowserWindow配置中正确指定了preload脚本路径，否则window.myApi不会被成功注入：

// main.js中的createWindow函数示例
const { BrowserWindow, ipcMain } = require('electron')
const path = require('path')

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      // 正确指向preload.js的文件路径
      preload: path.join(__dirname, 'preload.js'),
      // Electron 12+默认开启contextIsolation，你的代码已使用contextBridge，保持开启即可
      contextIsolation: true
    }
  })

  // 加载Vue应用（开发环境用dev server地址，生产环境用打包后的html文件）
  mainWindow.loadURL('http://localhost:5173')
  // mainWindow.loadFile('dist/index.html')
}

// 确保ipcMain.handle在窗口创建前完成注册
ipcMain.handle('myChannel', (event, data) => {
    return "hello from main: data: " + data
})

createWindow();

修复后点击按钮，即可正常获取主进程返回的响应内容。

内容的提问来源于stack exchange，提问作者Siniša Petrović