TypeError: JSON.stringify 无法序列化循环结构。 stringify@[本机代码]

Question

在我的 React Native expo 项目中，我遇到了一个错误，提示“TypeError: JSON.stringify cannot serialize cyclic structures.stringify@[native code]” 谁能帮我解决这个问题？ 我尝试使用一个名为“json-stringify-safe”的库，但在像“body: jsonStringifySafe(MessageData)”这样使用它之后，它给了我 react-navigation 错误任何人都可以帮我解决这个错误吗？

   const SendMessage = async () => {
        const MessageData = {
            message: currentmessage,
            RoomId: roomid,
            SenderId: mydata._id,
            RecieverId: otheruser[0]._id
        };
        fetch('http://10.0.2.2:3000/saveMessage', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify(MessageData),
        })
            .then(res => res.json())
            .then(data => {
                if (data.message === "Message Saved!") {
                    console.log("Message Saved!");
                    setCurrentMessage('');
                } else {
                    alert("Please, Try Again");
                }
            });
    };

我的后端：

router.post("/saveMessage", async (req, res) => {
    const { SenderId, RecieverId, message, RoomId } = req.body;

    try {
        const NewMessage = new Message({
            SenderId,
            RecieverId,
            message,
            RoomId
        })
        await NewMessage.save();
        res.send("Message Saved!")
    }
    catch (err) {
        console.log('error while saving message', err);
        res.status(422).send(err.message);
    }
})

Answer 1

该错误告诉您，您在MessageData （或其后代）上有一个属性直接或间接地最终引用了它们自己。 例如：

const parent = { children: [] };
const child = { parent };
parent.children.push(child);

此时， parent指的是child指的是parent 。 如果您对它们中的任何一个JSON.stringify （直接或间接），您将收到此错误，因为 JSON 不能表示循环结构：

 const parent = { children: [] }; const child = { parent }; parent.children.push(child); console.log(JSON.stringify(parent));

因此，您必须查看MessageData及其引用的对象才能找出循环所在的位置。 请注意，它可能非常深入：

 const parent = { children: [] }; const child = { parent }; parent.children.push(child); const zero = { one: { two: { three: { parent }, }, }, }; console.log(JSON.stringify(zero));

一些 JavaScript 引擎为您提供了比其他引擎更多关于循环结构的信息。 例如，以下是 V8（Chromium 浏览器和 Node.js 使用的引擎）对上述内容的描述：

  js:26 Uncaught TypeError: Converting circular structure to JSON --> 从 object 开始，构造函数为“Object” | 属性 'children' -> object 和构造函数 'Array' |  index 0 -> object with constructor 'Object' --- property 'parent' 在 JSON.stringify () at js:26:18 关闭圆

这提供了很多信息，比您在问题中引用的内容更多。 因此，如果您还没有重现该问题，您可以尝试使用 Chromium 浏览器，希望它能为您提供有关循环位置的更多详细信息。