Firestore使用or构建复合查询时出现TypeError的问题求助

错误原因 #

这个报错是因为你没有从Firestore模块化SDK中正确导入or操作符函数，或者使用的Firebase SDK版本低于v9（or复合查询操作符是v9模块化SDK新增的特性）。

修复步骤 #

1. 导入必要的Firestore函数
   确保你的导入语句包含or操作符：

   import { collection, query, where, and, or, onSnapshot } from "firebase/firestore";
   

   如果你使用CDN引入Firebase，要从firebase.firestore对象中获取or：

   const { or } = firebase.firestore;
   

2. 修正代码结构
   另外注意listenToUserResponses不需要标记为async，因为onSnapshot是同步返回取消订阅的函数，不需要异步处理。修正后的完整代码：

   let listenToUserResponses = ({ uid, condition, callback }) => {
     const q = query(
       collection(fs, "userResponses"),
       and(
         where(condition.lhs, condition.operator || "==", condition.rhs),
         or(
           where("isPublished", "==", true),
           where("uid", "==", uid)
         )
       )
     );
     return onSnapshot(q, (snapshot) => {
       // 简化文档映射逻辑
       const allDocs = snapshot.docs.map(doc => ({ ...doc.data(), id: doc.id }));
       callback(allDocs);
     });
   };
   

额外注意事项 #

• 复合索引要求：Firestore的这类复合查询需要创建对应的复合索引。第一次运行代码时，控制台会抛出包含索引创建链接的错误，点击链接即可自动生成所需索引。
• 版本兼容性：如果你的项目仍在使用Firebase v8或更早的命名空间版本，or的用法会不同，需要改用query.or()的链式调用方式，建议升级到v9+模块化SDK以获得更好的树摇支持和语法体验。

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