Firestore获取集合所有文档失败及子集合删除问题求助

一、删除子集合无数据返回的问题修复 #

你的deleteIngredientSubCollection函数存在两个核心问题：

1. 异步遍历无效：forEach中嵌套async/await不会等待每个删除操作完成，不仅可能导致操作未执行完毕函数就终止，还无法捕获异步错误。需改用for...of循环处理异步遍历。
2. 文档引用冗余且易出错：无需从文档数据中提取i.id构建引用，querySnapshot中的每个ingredient本身就是QueryDocumentSnapshot对象，直接通过ingredient.ref即可获取文档引用。

修复后的函数：

async deleteIngredientSubCollection(recipeId: string) {
  const collectionReference = collection(
    this.db,
    'recipe',
    recipeId,
    'ingredients'
  );

  const querySnapshot = await getDocs(collectionReference);
  
  // 用for...of处理异步操作，确保每个删除完成后再执行下一个
  for (const ingredient of querySnapshot.docs) {
    await deleteDoc(ingredient.ref);
  }
}

另外，querySnapshot无数据的排查方向：

• 检查集合路径是否正确：确认recipe集合名是否符合你的实际结构（通常Firestore集合名用复数形式，比如recipes），以及recipeId对应的父文档是否存在。
• 验证权限规则：检查Firestore安全规则是否允许读取该子集合的数据。

二、Property 'collection' does not exist on type 'Firestore'错误修复 #

这个错误是因为你混用了Firebase不同版本的API：

• 第一个函数使用的是Firebase v9+模块化API（通过collection()、getDocs()等函数调用）。
• 第二个尝试的代码用的是旧版命名空间API（this.db.collection()），而v9+的Firestore实例已不再提供collection方法。

按照模块化API规范，正确写法如下：

import { collection, getDocs } from "firebase/firestore";

// 若ingredients是独立集合
const collectionRef = collection(this.db, 'ingredients');
const snapshot = await getDocs(collectionRef);

snapshot.forEach((doc) => {
  console.log(doc.id, '=>', doc.data());
});

如果ingredients是recipe的子集合，需保持路径与第一个函数一致：

const collectionRef = collection(this.db, 'recipe', recipeId, 'ingredients');
const snapshot = await getDocs(collectionRef);

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