如何在代码语句中指定变量类型，解决DatabaseSnapshot无doc属性报错

错误根因 #

你出现该报错的核心原因是混淆了 AngularFire 中两类数据库的 API 结构：

• DatabaseSnapshot<unknown> 是**实时数据库（Realtime Database）**的快照返回类型，本身不存在 doc 属性，doc 是 Firestore 数据库快照的专属属性
• 你将类型断言加在语句末尾的写法语法上是完全正确的，报错没有消失是因为 API 调用逻辑错误，和类型声明的位置无关

修复方案 #

场景1：你使用的是实时数据库（调用db.list为正确写法） #

直接调整map内的取值逻辑即可，正确代码如下：

let initialPayload = this.db.list("/members").snapshotChanges()
.pipe(
  map(actions => actions.map(a => ({ 
    key: a.payload.key, 
    data: a.payload.val() 
  })))
) as Observable<any[]>;

说明：实时数据库的快照实例直接通过key属性获取数据id，val()方法获取数据内容，不需要访问doc字段。

场景2：你实际要使用的是Firestore数据库 #

你调用的方法有误，需要把db.list替换为Firestore专属的db.collection，代码如下：

let initialPayload = this.db.collection("/members").snapshotChanges()
.pipe(
  map(actions => actions.map(a => ({ 
    key: a.payload.doc.id, 
    data: a.payload.doc.data() 
  })))
) as Observable<any[]>;

内容的提问来源于stack exchange，提问作者Ghadir