Electron与窗口间IPC通信失效，请求技术排查帮助

我帮你分析下，你遇到的问题核心原因是消息发送的时机太早了！

当主进程里执行mainWindow.webContents.send('test','This is a test')的时候，你的渲染进程（也就是app.js所在的窗口）还没完成页面加载和脚本初始化，ipcRenderer.on('test')的监听事件还没注册上去，所以这条消息就直接“擦肩而过”了，自然不会被捕获到。

这里给你两种可行的解决方案：

方案一：等待渲染页面完全加载后再发送消息 #

Electron的webContents对象有个did-finish-load事件，这个事件会在页面所有资源加载完成后触发，此时渲染进程的脚本已经初始化完毕，监听也注册好了。修改你background.js里的DEV代码块：

if(isDev()){
 mainWindow.openDevTools();
 mainWindow.setIgnoreMouseEvents(false);
 console.log("======== DEV ==========");
 mainWindow.show();
 // 等待页面加载完成后再发送消息
 mainWindow.webContents.on('did-finish-load', () => {
   mainWindow.webContents.send('test','This is a test');
 });
}

方案二：让渲染进程主动“报信”，主进程再响应发送消息 #

这种方式更灵活，适合复杂场景：渲染进程初始化完成后，主动给主进程发一个“我准备好了”的信号，主进程收到后再发送测试消息。

1. 主进程（background.js）添加监听：

const { ipcMain } = require('electron'); // 需要先引入ipcMain

// 在app ready的回调内添加这个监听
ipcMain.on('renderer-ready', () => {
  mainWindow.webContents.send('test','This is a test');
});

2. 渲染进程（app.js）修改代码：

import { ipcRenderer } from "electron";
// 先注册test消息的监听
ipcRenderer.on('test', (event, text) => { 
  console.log("Received test message:", text)
});
// 通知主进程：我已经准备好接收消息了
ipcRenderer.send('renderer-ready');
console.log(ipcRenderer);

另外给你两个排查小技巧：

• 可以在主进程里打印console.log(mainWindow.webContents.isReady())，如果返回true，才说明渲染进程已经就绪，可以安全发送消息
• 检查渲染进程控制台里的ipcRenderer输出，确认它是一个正常的Electron IPC对象，排除引入错误的可能

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