为何无法从Firestore中获取指定集合的数据？

先针对你遇到的无数据返回问题，逐个排查可能的原因：

1. 核对Firestore集合名称准确性 #

Firestore允许集合名称包含@，但你必须确认Firebase控制台中实际存在**123@gmail.com**这个集合——检查是否有拼写错误、大小写不一致的情况，比如是不是误写成123_gmail.com或者123@gmailCom。

2. 检查Firestore安全规则权限 #

如果安全规则未授权读取该集合，即使集合存在，前端也无法获取数据：

• 测试阶段可临时将规则改为（上线前务必改回严格权限规则）：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if true;
    }
  }
}

修改后若能拿到数据，说明是权限配置问题，后续根据业务需求调整为符合安全规范的规则即可。

3. 确认文档字段名匹配性 #

Firestore字段名区分大小写，你代码中读取的是doc.data().inputData，需确认集合内所有目标文档确实存在**inputData**字段，避免出现inputdata、InputData这类拼写差异。

4. 添加错误捕获，定位请求问题 #

你的代码缺少错误处理逻辑，即便请求失败也无法得知原因，给代码加上try-catch并打印关键信息：

const HandleReadData = async () => {
    let url = "123@gmail.com"
    try {
        const q = query(collection(db, url));
        const querySnapshot = await getDocs(q)
        let todosArray = []
        querySnapshot.forEach((doc) => {
            // 先打印完整文档数据，确认结构是否符合预期
            console.log("文档原始数据：", doc.data())
            let todo = doc.data().inputData
            console.log("todo is " + todo)
            todosArray.push({ todo })
        })
        console.log("最终数组：", todosArray)
    } catch (error) {
        console.error("数据获取失败：", error)
    }
}

运行后查看控制台报错，权限不足、集合不存在、实例初始化错误等问题都会直接暴露。

额外检查点 #

确认Firebase实例db的初始化配置正确，是否连接到了目标项目——若初始化代码出错，所有Firestore请求都会无响应。

内容的提问来源于stack exchange，提问作者W ʌɱɩc