IPC通信在电子和窗口之间不起作用

Question

我正在尝试编写基于电子样板的第一个电子应用程序。我正在尝试将一个简单的消息从Electron主进程发送到我的窗口中，但是似乎该消息没有得到发送。

我已经介绍过的主要代码如下

background.js（主要电子过程）

// Window setup
app.on("ready", () => {
  mainWindow = new BrowserWindow({
  width: 1000,
  height: 300,
  frame: false,
  resizable: false,
  transparent: true,    
  });  
  mainWindow.setIgnoreMouseEvents(true);
  mainWindow.hide();

  mainWindow.loadURL(
    url.format({
      pathname: path.join(__dirname, "app.html"),
      protocol: "file:",
      slashes: true
    })
  );

  const ret = globalShortcut.register(getKeyboardShortCut(), () => {
    mainWindow.isVisible ? mainWindow.hide() :  mainWindow.show();
  })

  if(isDev()){
    mainWindow.openDevTools();
    mainWindow.setIgnoreMouseEvents(false);
    console.log("======== DEV ==========");
    mainWindow.show();
    mainWindow.webContents.send('test','This is a test');
  }
});

app.js（将窗口映射到mainWindow）

import { ipcRenderer } from "electron";

ipcRenderer.on('test', (event, text) => { console.log("Received test 
message:", text)});
console.log(ipcRenderer);

知道为什么活动没有收到吗？我在控制台日志中看到DEV代码正在运行，但是在应用程序窗口侧却没有任何内容（在开发者控制台日志中）完整的代码可以在Git Repo上找到。

任何帮助，将不胜感激。

谢谢奥利弗

Answer 1

如文档所示（https://github.com/electron/electron/blob/master/docs/api/web-contents.md#contentssendchannel-arg1-arg2-），一旦渲染器准备好监听就发送消息很重要。

if(isDev()){
    mainWindow.openDevTools();
    mainWindow.setIgnoreMouseEvents(false);
    console.log("======== DEV ==========");
    mainWindow.show();
    // send after did-finish-load
    mainWindow.webContents.on('did-finish-load', () => {
      mainWindow.webContents.send('test','This is a test');
    })
  }