vue3 - 报错Uncaught (in promise) TypeError: Converting circular structure to JSON --＞ starting at obje

已于 2025-01-15 16:59:22 修改
阅读量6.3k 收藏 4
点赞数 3
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) Vue组件与功能(工作经验) 文章标签： vue3 json Vonverting circular structure vue3报错解决方案 vue打包运行时报错
于 2024-05-22 14:06:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_50545213/article/details/139116606
版权
本文介绍了在Vue3开发中遇到的'Converting circular structure to JSON'错误，详细解析了问题原因，并提供了解决此错误的多种方法，包括检查Element Plus的el-table组件、解决JSON.stringify的循环引用问题，以及排查语法错误。通过这些步骤，可以成功解决Vue3运行或打包时的报错问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题说明

在vue3开发中，解决运行或打包时出现报错：Uncaught (in promise) TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Object’ | property ‘vnode’ -> object with constructor ‘Object’— property ‘component’ closes the circle，非常奇怪的错误！

其他教程都无法解决，本文提供的解决方案完美搞定此问题。

在这里插入图片描述

解决方案

该问题出现

了解本专栏 订阅专栏 解锁全文
报错：TypeError: Converting circular structure to JSON...如何解决？
**My Coding Family**
01-09 1343
直接解决循环引用：在序列化前，使用replacer或手动删除循环引用的属性。使用库：如果需要处理复杂的循环引用，考虑使用flatted或其他库。使用WeakMap进行跟踪：你可以使用WeakMap来避免对象重复序列化。选择哪种方法取决于你的应用需求及对象的复杂性。如果对象结构较简单，手动去除循环引用可能是最直接的解决方案。如果对象结构较复杂或者循环引用不可避免，使用外部库（如flatted）将是更为高效且简洁的解决方式。希望如上措施及解决方案能够帮到有需要的你。
小程序报错: Uncaught TypeError: Converting circular structure to JSON
03-29
今天把最近一直在开发的小程序放安卓手机上测试一下，结果某个页面就一直报错： Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境： 系统：Android 6.0.1 手机：小米4 微信版本：6.6.6 小程序基于mpvue开发 在看到这个错误的时候，明白导致的原因应该是因为一个对象里面有循环引用，然后这个对象不幸的被JSON.stringify给调用了 可是这个有循环引用的对象在哪就不清楚了。 一开始想的是vue对象的data，因为小程序里面，jscore会把这个data stringify之后发送给webvie
解决报错TypeError: Converting circular structure to JSON --＞ starting at object with constructor
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-09 1万+
这个错误其实是因为被JSON转化的对象里的子项存在循环引用，JSON转化时其实也是一个深度拷贝的过程，但是。，JSON拷贝转化时会失败，解决方案不止一种，这里讲下我使用的方案。
解决报错：TypeError: Converting circular structure to JSON
sakuralight的博客
03-25 1365
uni-app项目运行到支付宝平台， 组件循环引用引发报错：TypeError: Converting circular structure to JSON 错误的解决方案
Vue3打包部署后报错：Uncaught (in promise) Error
m0_56390097的博客
04-18 376
部署后打开网页报错信息：Uncaught (in promise) Error: useModal() can only be used inside setup() or functional components!
Uncaught (in promise) TypeError: Converting circular structure to JSON
weixin_44244924的博客
04-23 2816
Converting circular structure to JSON
解决JSON.stringify Uncaught (in promise) TypeError: Converting circular structure to JSON
故里的博客
11-24 958
解决JSON.stringify Uncaught (in promise) TypeError: Converting circular structure to JSON
Uncaught TypeError: Converting circular structure to JSON 对象转字符串报错
热门推荐
天边那朵云的博客
01-07 1万+
报错原因: 执行JSON.stringify(obj)时 检测到obj 对象有递归引用 (对象的属性值引用了自身) 假设: a = { n: 1}; b = {a}; b.a = b; 控制台输出 b 展开可以看到是个递归对象; 这时执行 JSON.stringify(b); 就会报错; 解决方法   需要解除对象的属性 对自身的 引用...
项目遇到Uncaught (in promise) TypeError: Converting circular structure to JSON
酸酸的博客
08-07 8588
在编写完代码后，测试的时候遇到该问题，错误提示指的是对象存在循环引用，于是开始排查代码，查找代码格式存在问题的地方。 最后在这里发现了，代码的问题。 正确代码应该如下： 修改完再运行，就没有错误提示了。 这是典型的敲代码，不注意细节的小问题，希望大家在开发的时候要多检查代码，少出现这样低级的小问题。 ...
Uncaught TypeError: Converting circular structure to JSON --> starting at object with constructor &#39;Window&#39; --- property &#39;window&#39; closes the circle at JSON.stringify (<anonymous>)
最新发布
05-01
然而，当尝试对包含循环引用的对象（例如全局 `window` 对象）进行序列化时，会出现 `Uncaught TypeError: Converting circular structure to JSON` 错误[^1]。这是因为 `JSON.stringify()` 无法处理对象之间的循环...
el-form 校验 Uncaught (in promise)
02-08
当遇到 `Uncaught (in promise) TypeError: Converting circular structure to JSON` 的错误时，通常是因为尝试序列化包含循环引用的对象结构。这种情况下，在 Vue 中处理表单数据时可能会出现问题。 #### 原因分析...
Uncaught TypeError: Converting circular structure to JSON
weixin_43915401的博客
12-05 400
使用JSON.stringify()方法时对象有一个循环引用导致的。 例如 let a = {}; let b = {a: a}; a.b = b; let c = JSON.stringify(a) // 该行报错
TypeError: Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘
jidushanzhu的博客
07-09 7769
vue sessionStorage TypeError: Converting circular structure to JSON vue-admin-template顶部网页加载横条特别慢，打开浏览器调试界面，发现报错TypeError: Converting circular structure to JSON --> starting at object with constructor 'Vue' ， 定位到permission.js中的代码 sessionStorage.setI
typeError: Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘
m0_59157023的博客
11-12 526
是因为我代码中写了这个调试。
TypeError Converting circular structure to JSON --＞ starting at object with constructor ‘Vue‘
Ajekseg的博客
03-12 4463
vue sessionStorage TypeError: Converting circular structure to JSON vue-admin-template顶部网页加载横条特别慢，打开浏览器调试界面，发现报错TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Vue’ ， 定位到permission.js中的代码 sessionStorage.setItem(
代码报错 Uncaught TypeError: Converting circular structure to JSON
bao
07-22 4419
Uncaught TypeError: Converting circular structure to JSON
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十一猫咪爱养鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值