electron IPC通信报错Uncaught (in promise) Error: An object could not be cloned.

已于 2022-05-26 14:20:11 修改
阅读量9.3k 收藏 5
点赞数 2
分类专栏： electron 文章标签： electron javascript react.js
于 2022-05-26 14:19:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36904182/article/details/124983816
版权

项目场景：

electron+react

问题描述

electron 中用IPC通信
Uncaught (in promise) Error: An object could not be cloned.

	e Error: An object could not be cloned.
    at EventEmitter.i.invoke (node:electron/js2c/sandbox_bundle:33)
    at uploadImg (YakitPluginInfo.tsx:360)
    at AjaxUploader.post (AjaxUploader.js:323)
    at AjaxUploader.js:135
    at Array.forEach (<anonymous>)
    at AjaxUploader.js:134

原因分析：

传递的对象有方法就会报错

解决方案：

json.stringify()

落落的前端学习之路
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript的浅拷贝和深拷贝
前端大菜鸟的博客
01-29 250
什么是浅拷贝和深拷贝 拷贝：指拷贝源对象到目标对象，又分为浅拷贝和深拷贝两种 浅拷贝：如拷贝的对象有属性值是非基础类型（即对象），则浅拷贝拷贝的是对象的引用，而非对象本身，拷贝完成以后更改目标对象，源对象也会被更改 深拷贝：深拷贝完美解决了浅拷贝存在的问题，目标对象是一个全新的对象，更改目标对象不会影响到源对象 浅拷贝 Object.assign() // 对象的属性值都是基础类型 c...
electronic-better-ipc：Electron应用程序的简化IPC通信
02-04
电子更好的ipc 电子应用程序的简化IPC通信 与，此模块的最大好处是，它使您可以在同一呼叫中发送消息并获得响应。 这通常需要多个IPC订阅。 您可以在主过程和渲染器过程中直接使用此模块。 安装 $ npm install electron-better-ipc 需要Electron 5或更高版本。 用法 使用内置的IPC 在这里，作为示例，我们使用内置的IPC在渲染过程中从主过程中按名称获取表情符号。 注意，它如何要求协调多个IPC订阅。 主要 const { ipcMain : ipc } = require ( 'electron' ) ; ipc . on ( 'get-emoj
electron使用serialport报错An object could not be cloned
生而为人我很抱歉
03-09 206
serialport获取的对象不能克隆。你需要转成json再传输。
OrdosX#blog#electron-vue报错process-is-not-defined的解决方法1
07-25
首先打开.electron-vue/webpack.renderer.config.js，在大约第125行的new HtmlWebpackPlugin中任意位置
IpcRenderer.invoke Error: An object could not be cloned.
最新发布
dnpao的专栏
04-03 638
JavaScript 中一些特殊对象或包含循环引用的对象无法通过 Electron 的 IPC 机制进行传递，因为 IPC 传递的数据需要被序列化。：如果对象中包含复杂类型数据，可以尝试手动将对象转为 JSON 字符串再发送，并在接收端将 JSON 字符串解析回对象。：如果对象中只有部分属性无法被序列化，可以在发送前剔除这些属性，或将它们替换为可以被序列化的值。, 或循环引用等无法被序列化的元素。如果可能，尽量只发送简单的数据类型，如。的更多信息，这可能会对解决问题提供更多的细节和背景。
电子托盘窗口：:framed_picture:使用Electron.js生成自定义托盘窗口
02-04
在系统任务栏中为您的应用程序快速创建可自定义的菜单/弹出窗口。 电子托盘窗口，基本上将窗口放在托盘图标附近。 在这些情况发生时，您可以自定义窗口/任务栏或跟踪事件。 预览 安装 npm install electron-tray-window 要么 yarn add electron-tray-window 用法 const trayWindow = require ( "electron-tray-window" ) ; 您可以使用不同的方式。 “ setOptions（）”函数接受对象值。 如果您已经在TrayWindow外部创建了任务栏或窗口，则可以将其作为参数传递给.setOpt
解决electron安装,卡在install.js不动的问题,UnhandledPromiseRejectionWarning: RequestError: read ECONNRESET
01-20
1.选择项目文件夹 2.npm init 3.npm install electron –save-dev 4.npm –registry=https://registry.npm.taobao.org install 5.node install.js的时候ctrl+c取消,y确定 6.cd ./node_modules/electron 7.下载https://cdn.npm.taobao.org/dist/electron/7.0.0/electron-v7.0.0-win32-x64.zip并复制到上面的文件夹,重命名为electron.zip 此为64位win版本,如果是其他版本请进
electronic-promise-ipc：电子中的Promise风味IPC调用。 100％的测试覆盖率
02-04
电子承诺 Promise-y IPC在Electron中进行呼叫。 安装 npm install --save electron-promise-ipc 用法 最常见的用例：从渲染器，从主进程获取数据作为承诺。 // in main process import promiseIpc from 'electron-promise-ipc' ; import fsp from 'fs-promise' ; promiseIpc . on ( 'writeSettingsFile' , ( newSettings , event ) => { return fsp . writeFile (
[object Object] could not be cloned.indexed 的put函数只能接受一个引用为0的对象
Madman528的博客
06-19 1617
put函数不能拷贝对象,要传入一个引用为0的对象 这样就可以了,深拷贝一下
报`Uncaught (in promise)`错误解决办法
热门推荐
weixin_46721670的博客
09-26 5万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
[其他]Xmind2020安装补充描述
qq_44207723的博客
01-20 986
[其他]Xmind2020破解安装报错 写在前面：大家应该多支持正版噢！ —————————————————————————— 对于在官网下载的最新版本软件，破解后频繁出现报错警告的问题，如 “抱歉，好像出错了：” win32,x64,10.0.18363: Error: An object could not be cloned. at EventEmitter.i.send.i.send (electron/js2c/renderer_init.js:75:259) at Proxy.<
Uncaught (in promise) DOMException: Failed to execute ‘postMessage‘ on ‘Window‘: [object Object]
老衲的少女心i~
04-25 6950
背景介绍： 当前项目是一个由angular重构为vue的类型，在angular界面中，开发vue的功能，并通过iframe的方式嵌入到我们的angular项目中。我在子界面找那个想调用父界面的组件，传入信息，处理数据。子界面中通过data: data})传递信息到父界面。但是，我在子界面中(这个是嵌入的iframe界面)，想向父界面传递消息的时候，报错，父界面无法正常接收提示：以下是本篇文章正文内容，下面案例可供参考主要是对postMessaga的传递信息的一些结构化的理解，需要加深。
HTML 内容不能被选择，不能被复制
lc0012的专栏
05-26 5434
1、通过css的方式 * { /* moz-user-select: -moz-none; */ -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-u...
vue3项目中structuredClone报错
Yana1225的博客
08-18 1209
报错：Failed to execute 'structuredClone' on 'Window': #<Object> could not be cloned。修改：formData不能是ref格式，改为如下。
Vue开发中的坑跌记录
japlus的博客
12-09 961
问题不难，但是问题的结果十分具有误导性，不容易定位到根源。 问题精简后表示 vue methods 中的一个方法被多次调用，方法中直接使用this.xx改变对象内的值 this.a = [{a:1,b:2,c:3},{a:1,b:2,c:3}]
遇到：nodejs unhandledPromiseRejectionWarning 错误应该如何解决
抓饭不吃皮牙子
08-08 1万+
遇到 "unhandledPromiseRejectionWarning" 错误是因为在 Node.js 中，一个 Promise 被 rejected 了，但是没有被处理（handled）。这可能是因为你没有使用适当的错误处理机制，导致 Promise 的 rejected 状态没有被捕获。请根据你的具体代码和需求，检查并修改涉及到 Promise 的部分，确保在异步操作中正确处理错误。如果以上步骤都没有解决问题，你可以检查 Promise 的实现是否正确。
Electron-Builder打包时报错could not find: “C:\Users\XX\AppData\Local\Temp\t-bDWVX6\0-messages.nsh“
Teastears的专栏
12-16 6897
Electron-Builder打包时报错could not find: “C:\Users\XX\AppData\Local\Temp\t-bDWVX6\0-messages.nsh” 项目情况 项目基于VUE，使用VUE-cli 3创建，然后执行 vue add electron-builder 添加Electron-Builder 问题描述 在执行 npm run electron:build 的时候，会打包失败，错误日志如下（敏感信息已打码）， { Error: C:\Users\{我的wind
解决electron中出现的Electron Security Warning (Insecure Content-Security-Policy)警告信息
weixin_53033364的博客
07-11 984
解决electron中出现的Electron Security Warning (Insecure Content-Security-Policy)警告信息
electron中如何传递blob格式node:electron/js2c/renderer_init:2 Uncaught (in promise) Error: An object could not be cloned. at a.send (node:electron/js2c/renderer_init:2:7346) at getfileWithProgress (App.vue:68:19)
05-27
在 Electron 中，由于安全原因，部分对象无法通过 IPC 通信传递，包括 Blob 对象。如果需要在渲染进程和主进程之间传递 Blob 对象，可以先将其转换为 ArrayBuffer 或字符串等支持的数据类型，然后再传递。 以下是在渲染进程中将 Blob 格式的文件流转换为 ArrayBuffer，然后将其传递给主进程的示例代码： ```javascript // 渲染进程 const { ipcRenderer } = require('electron'); const fileInput = document.querySelector('input[type="file"]'); fileInput.addEventListener('change', (event) => { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = () => { const arrayBuffer = reader.result; ipcRenderer.send('blob-data', { arrayBuffer, type: file.type }); }; reader.readAsArrayBuffer(file); }); ``` 上面的代码使用 `FileReader` 对象读取用户选择的文件，然后将文件内容作为 ArrayBuffer 对象发送给主进程，并在同一对象中传递文件类型 `type`。 在主进程中，可以使用以下代码监听渲染进程发送的事件并处理数据： ```javascript // 主进程 const { ipcMain } = require('electron'); const fs = require('fs'); ipcMain.on('blob-data', (event, data) => { const arrayBuffer = data.arrayBuffer; const type = data.type; const buffer = Buffer.from(arrayBuffer); const filePath = 'path/to/save/file'; fs.promises.writeFile(filePath, buffer) .then(() => { // 文件保存成功 }) .catch((error) => { // 文件保存失败 }); }); ``` 上面的代码使用 `Buffer.from()` 方法将 ArrayBuffer 对象转换为 Buffer 对象，然后将其写入本地文件系统。 需要注意的是，在处理二进制数据时，需要确保传递的数据不超过 IPC 通道的最大限制。如果数据过大，应该考虑分批传输，或者使用流的方式进行传输。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值