解决Vue.js中'TypeError: Converting circular structure to JSON'错误

解决Vue.js中'TypeError: Converting circular structure to JSON'错误

这个错误通常是因为尝试将包含循环引用的对象转换为 JSON 字符串时引起的。循环引用是指对象中的一个属性指向该对象本身或其中包含对其父级或祖先对象的引用。

解决方法

1. 使用特殊的序列化函数来处理循环引用

   • 可以使用 JavaScript 库 flatted 或 json-stringify-safe 来处理循环引用。

2. 检查代码中可能存在的循环引用，并将其修改为非循环引用

使用 flatted 库的示例代码

import flatted from 'flatted';

const data = {
  name: 'John',
  age: 30,
  parent: null
};

data.parent = data;

const serializedData = flatted.stringify(data); // 使用 flatted 序列化对象，避免循环引用问题

console.log(serializedData); // 输出 '{"name":"John","age":30,"parent":"[Circular ~]"}'

注意： 使用 flatted 库序列化的结果中，循环引用会被替换为 '[Circular ~]'，以避免循环引用问题。