Electron主进程发送的消息在渲染进程里收不到，怎么回事？

Top丶思晨提问于 2026-01-26 21:59:25 阅读 22

框架

我在用Electron开发桌面应用时，按教程在主进程创建窗口后立即发送了一条消息，但渲染进程的监听函数就是没触发。代码检查了好几遍，通道名称都对得上，这是为啥呢？

主进程代码是这样写的：

const { app, BrowserWindow, ipcMain } = require('electron');

let win;
app.on('ready', () => {
  win = new BrowserWindow({ width: 800, height: 600 });
  win.loadFile('index.html');
  ipcMain.send('app-ready', { message: 'Application is ready!' }); // 这里发送消息
});

渲染进程这边监听：

const { ipcRenderer } = require('electron');

ipcRenderer.on('app-ready', (event, data) => {
  console.log('收到主进程消息:', data); // 完全没输出
});

我已经确认窗口确实加载了，控制台也没有报错，但就是收不到消息。是不是消息发送的时机有问题？或者哪里漏掉了配置步骤？

我来解答赞 11 收藏

反馈

1 条解答

技术鉴恒 Lv1

问题出在消息发送的时机上。具体来说，ipcMain.send 是主进程向渲染进程发送消息的方式，但它只能在渲染进程已经完全加载并准备好之后才能生效。而在你的代码里，ipcMain.send 被写在了窗口创建和页面加载之间，这个时候渲染进程还没真正准备好接收消息。

### 原因分析
1. BrowserWindow 的 loadFile 方法只是启动了页面加载流程，并不意味着页面已经加载完成。
2. 渲染进程需要等页面的 DOM 和相关模块都初始化完成后，ipcRenderer 才能正常工作。
3. 你目前的代码中，ipcMain.send 被调用时，渲染进程可能还没进入可以接收消息的状态。

### 解决方案
可以通过监听 webContents.on('did-finish-load') 事件来确保渲染进程已经加载完毕后再发送消息。

以下是修正后的代码：

#### 主进程代码

const { app, BrowserWindow, ipcMain } = require('electron');



let win;



app.on('ready', () => {

  win = new BrowserWindow({ width: 800, height: 600 });



  // 加载页面

  win.loadFile('index.html');



  // 监听页面加载完成事件

  win.webContents.on('did-finish-load', () => {

    // 页面加载完成后，再发送消息给渲染进程

    win.webContents.send('app-ready', { message: 'Application is ready!' });

  });

});

这里的关键是使用了 win.webContents.on('did-finish-load')，它会在页面加载完成（包括所有资源）后触发，这时渲染进程已经准备好接收消息了。

#### 渲染进程代码
这部分不需要改动，继续使用原来的代码即可：

const { ipcRenderer } = require('electron');



ipcRenderer.on('app-ready', (event, data) => {

  console.log('收到主进程消息:', data); // 现在应该能正确输出

});

### 其他注意事项
1. **消息通道名称**：虽然你已经确认过通道名称是对的，但我还是提醒一下，确保两边的通道名（这里是 'app-ready'）完全一致。
2. **调试技巧**：如果后续还有类似问题，可以在主进程中打印日志，检查消息是否真的发送出去；也可以在渲染进程中打印 ipcRenderer.on 是否被正确绑定。
3. **性能考虑**：did-finish-load 是一个比较可靠的时机点，但如果页面很复杂或者有动态加载的内容，还可以结合其他生命周期事件（比如 dom-ready）来调整发送消息的时机。

最后，这种问题其实挺常见的，主要是因为 Electron 的主渲染进程通信机制对加载时机比较敏感。希望这次改完就顺利了！

2026-01-29 14:18