窗口没有收到来自IpcRenderer的消息

问题描述

我正在使用Electron + Vue构建我的应用程序。我向主流程发送一条消息,以创建一个新窗口。在main方法的内部,我试图将消息传递到新创建的窗口,但是它不起作用。

我在主组件窗口中调用方法,该组件位于主浏览器窗口中

ipcRenderer.send("criar-janela-instalcao");

这是主要流程上的方法

ipcMain.on('criar-janela-instalcao',() => {

  if (!janelaInstalacao) {
    janelaInstalacao = new browserWindow({
      height: 500,width: 500,webPreferences: {
        nodeIntegration: true,enableRemoteModule: true,},show: true,});

    janelaInstalacao.loadURL(urlJanelaInstalacao);
    janelaInstalacao.on("closed",() => (janelaInstalacao = null));
    janelaInstalacao.on('did-finish-load',() => {
      janelaInstalacao.webContents.send('message','Hello new window');
    })
  }
})

这是我在组件“ DownloadInstalacao”中创建的钩子内部的侦听器。该组件位于我刚刚打开的浏览器窗口中:

  created() {
    ipcRenderer.on("message",(event,message) => {
      console.log(message);
    });
  },

该窗口已正确打开并加载,但控制台中未显示任何内容

P.S .:我忽略了变量“ urlJanelaInstalacao”和“ janelaInstalacao”,因为页面加载正常。

解决方法

事实证明,'did-finish-load'事件必须应用于我的BrowserWindow的对象webContents,而不是应用于BrowserWindow本身

我的工作方式

    janelaInstalacao.on('did-finish-load',() => {
      janelaInstalacao.webContents.send('message','Hello new window');
    })

正确的方法

  janelaInstalacao.webContents.on('did-finish-load','Hello new window');
    })