Electron.js中ipcMain与ipcRenderer通信失效 无法接收传递数据

问题原因 #

你遇到的是Electron高版本默认安全配置限制导致的IPC通信失败，核心问题有两个：

1. 渲染进程默认关闭nodeIntegration，无法直接调用require加载Electron模块，你的ipcRenderer根本没有成功初始化
2. 默认开启contextIsolation（上下文隔离），即使开启nodeIntegration也无法直接在渲染进程脚本中访问Node API和Electron内置模块

修复方案 #

修改main.js中BrowserWindow的初始化配置，添加webPreferences相关参数：

mainWindow =  new BrowserWindow({
  webPreferences: {
    // 开启渲染进程的Node.js集成
    nodeIntegration: true,
    // 关闭上下文隔离
    contextIsolation: false
  }
});

补充说明 #

• 上述配置仅适用于渲染进程仅加载你自己编写的本地静态文件的场景，如果后续需要加载外部不可信的网页内容，该配置存在安全风险，生产环境更推荐使用预加载脚本（preload）暴露IPC接口的方案
• 你可以打开渲染进程的开发者工具查看控制台报错，如果之前存在require is not defined的报错，修改配置后即可解决

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