更新firestore数据后显示重复事件，但firestore中的数据本身不重复

Question

我有一个 Web 应用程序 (Angular) 和一个移动应用程序 (Ionic)。它们都共享相同的 Firestore 数据。

使用网络应用程序更新现有数据，但 ionic 应用程序显示重复项目（重启移动应用程序后重复项将消失），我在 Firestore 中检查项目数据本身，它已更新且唯一。有人对此有任何线索吗？

这个问题只出现在除了网页应用之外的移动应用上，它们都使用"angularfire2": "^5.0.0-rc.4",

   import { AngularFirestore, AngularFirestoreCollection } from 'angularfire2/firestore';

   this.posts$ = this.db.getRecentPosts().snapshotChanges().pipe(
      map(arr => arr.map(doc => {
          return { id: doc.payload.doc.id, ...doc.payload.doc.data() }
        }
      ))
    );

做了研究，看起来（不是 100% 肯定）是一个 angularfire2 问题： AngularFirestoreCollection sometimes returns duplicate of records after inserting a new record

Answer 1

由于重新启动后重复项消失了，并且其他人也报告了此问题，因此我感觉问题出在AngularFirestore 本身。作为一种解决方法，您可以尝试以下方法：

 import { AngularFirestore, AngularFirestoreCollection } from 'angularfire2/firestore';

   this.posts$ = this.db.getRecentPosts().snapshotChanges().pipe(
      map(arr => arr.reduce((acc, doc) => { // map -> reduce
        const id = doc.payload.doc.id
        // remove !(id in acc) to get last duplicate
        !(id in acc) && acc[id] = { id, ...doc.payload.doc.data() } 
        return acc }
        }, {} // reduce seed
      )),
      // you can also Object.values(arr.reduce(...)), but this I find bit more readable
      map(coll => Object.values(coll))
    );