Question

我正在用电子 js 编写一个桌面应用程序，我想同时将数据从我的主进程发送到我的渲染器进程，反之亦然。为此，我使用了 ipcMain 和 ipcRenderer，但很奇怪，虽然能够通过我的渲染器使用 ipcRenderer.send() 发送数据，但我无法从我的主进程中接收任何数据，使用 { {1}}。它只是出于某种原因不起作用。

之后，我尝试按照电子文档编写测试来查找错误。然而，该测试根本不起作用，因为两个进程似乎都无法向另一个进程发送内容。这是我为测试编写的代码：

main.js：

ipcRenderer.on()

index.html：

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

const createWin = async () => {
    const win = new BrowserWindow({
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
        },
    });
    win.loadFile('./index.html');
    return new Promise((resolve, reject) => {
        win.once('ready-to-show', () => {
            resolve();
        });
    });
};

app.whenReady().then(async () => {
    const win = await createWin();
    console.log('Ready to show');

    ipcMain.on('asynchronous-message', (event, arg) => {
        console.log(arg); // prints "ping"
        event.reply('asynchronous-reply', 'pong');
    });

    ipcMain.on('synchronous-message', (event, arg) => {
        console.log(arg); // prints "ping"
        event.returnValue = 'pong';
    });
});

app.js：

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Test, please work</title>
    </head>
    <body>
        <script src="./app.js"></script>
    </body>
</html>

以下是渲染器记录的内容：

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

console.log(ipcRenderer.sendSync('synchronous-message', 'ping')); // prints "pong"

ipcRenderer.on('asynchronous-reply', (event, arg) => {
    console.log(arg); // prints "pong"
});
ipcRenderer.send('asynchronous-message', 'ping');

这是我获取代码的文档的链接：https://www.electronjs.org/docs/api/ipc-main#sending-messages

Answer 1

发生这种情况是因为您连接事件处理程序太晚了。

您仅在页面加载并触发 ipcMain.on 后才添加 ready-to-show。您应该更早地设置它们，就像在创建窗口之前一样，或者只是删除 await 中的 await createWin()。

作为参考，Electron 抛出错误 here

Electron ipcMain 和 ipcRenderer 无法相互通信

1 个答案: