snapshot.docChanges() 在 Firebase Firestore 中不起作用

Question

我们遇到了监听器在错误时间触发的问题。我试图通过以下方式查看元数据更改：

firebase.firestore().collection('Users').doc($scope.user.uid).collection($scope.longLanguage).doc('Missing_Word').onSnapshot(function(snapshot) {
        snapshot.docChanges().forEach(function(change) {
          console.log(change.doc.data());
        })

这是错误信息：

Uncaught TypeError: snapshot.docChanges is not a function

我也尝试打开 metadataChanges：

firebase.firestore().collection('Users').doc($scope.user.uid).collection($scope.longLanguage).doc('Missing_Word').onSnapshot({includeMetadataChanges: true}, function(snapshot) {
    snapshot.docChanges().forEach(function(change) {
      console.log(change.doc.data());
    })

我们在documentation 附近写了这篇文章。知道我们做错了什么吗？

Answer 1

onSnapshot() 接受一个接收DocumenSnapshot 对象的回调函数。 DocumentSnapshot 没有 docChanges 方法。

看起来您希望回调包含 QuerySnapshot，而它确实包含 docChanges。当您对集合执行查询时，您会收到 QuerySnapshot，而不是您在此处显示的单个文档。

Answer 2

以下示例在此处的文档中 https://firebase.google.com/docs/firestore/query-data/listen#view_changes_between_snapshots

在浏览器中：

db.collection("cities").where("state", "==", "CA")
    .onSnapshot(function(snapshot) {
        snapshot.docChanges().forEach(function(change) {
            if (change.type === "added") {
                console.log("New city: ", change.doc.data());
            }
            if (change.type === "modified") {
                console.log("Modified city: ", change.doc.data());
            }
            if (change.type === "removed") {
                console.log("Removed city: ", change.doc.data());
            }
        });
    });

在nodejs中

let observer = db.collection('cities').where('state', '==', 'CA')
  .onSnapshot(querySnapshot => {
    querySnapshot.docChanges().forEach(change => {
      if (change.type === 'added') {
        console.log('New city: ', change.doc.data());
      }
      if (change.type === 'modified') {
        console.log('Modified city: ', change.doc.data());
      }
      if (change.type === 'removed') {
        console.log('Removed city: ', change.doc.data());
      }
    });
  });

所以请注意.onSnapshots 都在Firestore.CollectionReference 上，而不是DocumentReference 上（doc() 之后）

Answer 3

需要注意的其他事项：这似乎取决于您使用的 Firebase JS SDK 版本。当然，正如其他答案所指出的那样，请务必检查您是在文档还是集合上调用onSnapshot。但是关于在集合上调用它，我最近使用的是 4.13.1 和 docChanges 不是一个函数，但是当我升级到 v.7.15 时，我不得不将我所有的 snapshot.docChanges 更改为 snapshot.docChanges()。

release notes 也证实了这一点。在 v.5.0 中，他们将 docChanges 更改为一个函数。 See here 例如，来自带有 4.13.1 标签的分支，其中 docChanges 不是函数。

Answer 4

如果有人收到此错误消息并正在寻找易于理解的答案：

对集合的查询会返回给您一个列表文档。 在这种情况下，您使用 docChanges().forEach(change => {

遍历列表

db.collection("cities").onSnapshot(querySnapshot => { //onSnapshot on collection
   querySnapshot.docChanges().forEach(change => {
     //do whatever you want here...
   });
});

对文档的查询会返回给您一个单个文档。 在这种情况下，您不需要 docChanges()，因为单个文档的快照没有“docChanges”函数

db.collection("cities").doc("someId") //onSnapshot on a document
.onSnapshot((doc) => {
    console.log("Current data: ", doc.data());
});

Answer 5

对于 firebase ^6.6.2：

docChanges() 函数只能针对集合运行。

另外onSnapshot默认可能不会返回这个函数，但是它接受一个选项

{ includeMetadataChanges: true }

示例：

firebase
  .firestore()
  .collection("/restaurant")
  .onSnapshot({ includeMetadataChanges: true }, (resp) =>
    console.log(resp.docChanges())
  );

Answer 6

这是使用docChanges()方法的简单方法：

        db.collection("cities").onSnapshot(querySnapshot => {

            let changes = querySnapshot.docChanges();
            for (let change of changes) {
                var data = change.doc.data();
                console.log(data);
            }


        });

Answer 7

去掉docChanges()的括号，就是docChanges。