渲染进程不能使用 const { ipcRenderer } = require('electron') ，const { ipcRenderer } = require('electron')只能在预加载脚本中使用

非常抱歉，我的回答中有误。在渲染进程中，可以使用 `remote` 模块的 `ipcRenderer` 对象进行进程间通信。具体步骤如下：

1. 在预加载脚本中，使用 `contextBridge` 将 `ipcRenderer` 对象暴露给渲染进程。

const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('myAPI', {
  send: (channel, data) => {
    // 将数据发送到主进程
    ipcRenderer.send(channel, data)
  },
  receive: (channel, callback) => {
    // 监听主进程的消息
    ipcRenderer.on(channel, (event, ...args) => callback(...args))
  }
})

2. 在渲染进程中，通过 `window.myAPI` 对象使用 `ipcRenderer` 对象进行进程间通信。

// 发送消息
window.myAPI.send('channel', { variable: 'value' })

// 监听消息
window.myAPI.receive('channel', (data) => {
  // 使用 data.variable 进行渲染
})

通过以上步骤，可以在预加载脚本中将 `ipcRenderer` 对象暴露给渲染进程，从而在渲染进程中使用 `window.myAPI` 对象进行进程间通信。