Firebase模块化SDK报db.collection is not a function错误如何解决

云上老周

2026-10-2

解决方案

核心原因确认

你当前使用的是Firebase v9+ 模块化SDK，所有操作都需要使用导入的独立函数实现，不再支持旧版db.collection这类链式调用语法，子集合同样需要用collection()方法创建引用，Firestore会在首次写入数据时自动创建不存在的集合/子集合，无需提前初始化。

修改步骤

1. 导入所需模块化方法

在Datasheed.js头部新增Firestore相关方法导入：

import { addDoc, collection, doc } from "firebase/firestore";

2. 重写班次新增逻辑

替换原链式调用代码为模块化写法，同时补充await关键字（异步操作必须等待执行完成，否则无法捕获异常）：

const commitChanges = async ({ added, changed, deleted }) => {
  if (added) {
    try {
      // 先获取对应用户的worker文档引用
      const workerDocRef = doc(db, "workers", auth.currentUser.email);
      // 再获取该文档下的shifts子集合引用
      const shiftsColRef = collection(workerDocRef, "shifts");
      // 写入班次数据，若added为多条批量数据可循环调用addDoc
      await addDoc(shiftsColRef, added[0]);
    } catch (e) {
      console.error("Error adding document: ", e);
    }
  }
  // 后续修改、删除逻辑可使用对应updateDoc、deleteDoc方法实现
}