window.electron.ipcRenderer.postMessage 报错

[wumingluren]

Describe the bug

  // 1、创建一对 port
  const { port1, port2 } = new MessageChannel()
  console.log('ceshi', port1)
  // 2、给主进程传输消息端口 port1
  window.electron.ipcRenderer.postMessage(
    'port',
    { msg: '我是渲染进程一通过 ipcRenderer.postMessage 发送过来的' },
    [port1]
  )
  // 3、把 port2 赋值给 portToMain，方便其他模块获取
  let portToMain = port2
  // 4、port2 绑定事件监听，之后主进程发送的消息都会在这里接收到
  portToMain.onmessage = (event) => {
    const data = event.data
    console.log('[portToMain]message', data)
  }

报错 Error: Invalid value for transfer
看官网的写法就是这样写的
https://www.electronjs.org/zh/docs/latest/api/ipc-renderer#ipcrendererpostmessagechannel-message-transfer

Electron-Vite Version

最新

Electron Version

最新

Vite Version

最新

Validations

• Follow the Code of Conduct.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[alex8088]

没用正确使用，主进程需要使用ipcMain来处理，这里和electron-vite无关。

https://www.electronjs.org/zh/docs/latest/api/message-port-main

[wumingluren]

没用正确使用，主进程需要使用ipcMain来处理，这里和electron-vite无关。

https://www.electronjs.org/zh/docs/latest/api/message-port-main

这里只贴了渲染进程的代码，主进程没贴。
在preload/index.js文件里面写是正常的，在vue页面里面写就会报错。