Error in nextTick: “TypeError: Converting circular structure to JSON

最新推荐文章于 2025-03-25 18:19:43 发布

JackieDYH

最新推荐文章于 2025-03-25 18:19:43 发布

阅读量2.6k

点赞数 1

分类专栏： Vue ERROR 文章标签：循环引用bug Vue循环引用 ERROR 路由 vuex

本文链接：https://blog.youkuaiyun.com/JackieDYH/article/details/119544227

版权

ERROR 同时被 2 个专栏收录

34 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

Vue

363 篇文章

订阅专栏

本文介绍了在Vue应用中遇到的`TypeError: Converting circular structure to JSON`错误，该错误通常由循环引用引起。文章通过具体案例分析问题产生原因，特别是当Vuex的状态管理中存储了VueRouter实例导致的循环引用问题。解决方案是通过深拷贝避免直接存储`this.$route`到state，以解决JSON.stringify时的循环引用问题。

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

[Vue warn]: Error in nextTick: "TypeError: Converting circular structure to JSON
--> starting at object with constructor 'Vue'
| property '$options' -> object with constructor 'Object'
| property 'router' -> object with constructor 'VueRouter'
--- property 'app' closes the circle"

内容翻译

一般报错TypeError: Converting circular structure to JSON是因为存在循环引用，并且使用JSON.stringify方法去转化成字符串

案例

// 问题代码
const x = { a: 8 };
const b = { x };
b.y = b; // 循环引用
JSON.stringify(b); // 触发报错

// 解决问题代码
const x = { a:

了解本专栏

超级会员免费看