Firestore references create a "TypeError: Converting circular structure to JSON"

Question

我在 Vue JS 应用程序中使用 Firebase 的 Firestore：

"firebase": "^5.8.0",
"vue-firestore": "^0.3.16",

当我尝试获取具有引用另一个文档（Firestore 中的引用类型）的字段的文档时，出现以下错误：

[Vue warn]: Error in render: "TypeError: Converting circular structure to JSON"

每当我将文档中该字段的类型更改为字符串时，它似乎工作正常。

我知道这是因为 Firestore JS SDK 中的某些东西试图将文档（以及文档随附的一堆元数据）序列化为 JSON 并且某处存在循环引用？

在我的数据结构和字段中，我没有循环引用。它只是引用另一个文档的一个字段，并且引用的文档不再引用任何其他文档。

我获取数据的代码是：

methods: {
      getContent() {
        const db = this.$firebase.firestore();
        db
          .collection('places')
          .doc(this.$route.params.placeKey)
          .orderBy('name')
          .get()
          .then(snap => {
            this.places = []

            snap.forEach(doc => {
              this.places.push(doc.data())
            })
          })
      }

所以我的问题是：

1) 首先，我的代码是不是做错了什么？即使没有出现错误，Firestore 的 JS SDK 会为我解析引用吗？或者我是否必须调用引用并自己解决它以获取引用文档的数据？ 2) 当您有可以参考的文档时，Firestore 的最佳做法是什么？你应该使用引用吗？什么时候？你什么时候去规范化？

谢谢！

Answer 1

回答你关于存储引用的第二个问题：实际上，在撰写此答案时，没有真正的优势将引用（即路径元素）存储为 Reference 类型而不是将它们存储为字符串。

请观看来自 Firebase https://www.youtube.com/watch?v=Elg2zDVIcLo&t=274s 的官方视频，其中包含详细的解释（从 4:34 开始）。

Firestore references create a "TypeError: Converting circular structure to JSON"

Firestore references create a "TypeError: Converting circular structure to JSON"

firebase

firebase-realtime-database

vuefire

google-cloud-firestore