Electron点击按钮报错：An object could not be cloned及invoke与send区别咨询

一、报错原因与解决方法 #

你遇到的Uncaught (in promise) Error: An object could not be cloned报错，核心原因是Electron的IPC通信仅支持传递可序列化的JSON数据，而你传递的pdfFile是浏览器原生的File对象，它包含底层文件资源的引用，属于不可序列化的对象，无法直接通过IPC在渲染进程和主进程间传递。

解决步骤 #

1. 渲染进程侧：将File对象转为可序列化格式
   把File对象转成ArrayBuffer（二进制数据传输效率更高）或者Base64字符串，再传递给主进程：

// rendered.js
const pdfFileInput = document.getElementById('input-file');
const pdfFile = pdfFileInput.files[0];
// 转换为ArrayBuffer
const arrayBuffer = await pdfFile.arrayBuffer();
// 调用预暴露的方法传递数据
await pdf.savePdf(arrayBuffer);

2. 主进程侧：处理传递过来的数据
   收到ArrayBuffer后转成Node.js的Buffer，再执行保存逻辑：

// Main.js
const fs = require('fs').promises;
const path = require('path');

ipcMain.handle('savePdf', async (event, arrayBuffer) => {
  const buffer = Buffer.from(arrayBuffer);
  // 示例：保存到指定路径
  const savePath = path.join(__dirname, 'saved.pdf');
  await fs.writeFile(savePath, buffer);
  return '文件保存成功';
});

二、invoke与send的核心区别 #

1. 通信模式与返回值 #

• invoke：异步请求-响应模式，基于Promise实现。渲染进程调用后可以用await直接获取主进程的返回结果，适合需要主进程反馈操作结果的场景（比如文件保存成功/失败的通知）。
• send：单向通知模式，渲染进程仅发送消息给主进程，主进程无法直接返回结果。如果需要主进程回应，得额外通过event.reply()或ipcRenderer.on()监听主进程的回调消息，适合不需要返回值的通知类操作（比如触发主进程打开某个窗口）。

2. 错误处理 #

• invoke：因为是Promise，直接用try/catch就能捕获通信或主进程逻辑里的错误，比如你代码里的报错就是未捕获的Promise错误。
• send：错误需要通过监听ipcRenderer的error事件，或者自己在通信协议里定义错误回调逻辑，处理起来更繁琐。

3. API对应关系 #

内容的提问来源于stack exchange，提问作者emeliku