Firebase注册后Firestore Database无数据写入、控制台不显示问题求助

问题排查步骤 #

• 检查Firestore安全规则
  这是最常见的原因，Firestore默认生产模式下会拒绝所有读写请求，测试模式也会在创建30天后过期失效。你可以先将规则临时调整为允许已认证用户写入users集合验证：

  rules_version = '2';
  service cloud.firestore {
    match /databases/{database}/documents {
      match /users/{docId} {
        allow write: if request.auth != null;
      }
    }
  }
  

  调整后重新测试注册流程，如果能写入数据说明是规则问题，后续再根据业务场景收紧权限即可。
• 检查控制台报错
  你在handleUserProfile函数中已经捕获了错误，打开浏览器开发者工具的Console面板，查看是否有权限拒绝、网络错误、初始化配置错误等相关报错，错误信息可以直接定位问题根因。
• 验证Firebase实例配置
  确认你的Auth和Firestore初始化使用的是同一个Firebase项目配置，没有出现项目ID、API密钥配置错误的问题，也没有切换到其他项目的Firestore实例。
• 刷新Firestore控制台
  部分情况下Firebase控制台有缓存，你可以手动刷新控制台页面，确认是否真的没有数据写入，同时确认你打开的是对应项目的Firestore面板。

代码优化建议 #

你当前调用handleUserProfile时传入的第二个参数是字符串displayName.current.value，但函数内部用...additionalData展开对象，会导致数据结构异常。建议调整为传入对象：

// 调整注册函数中的调用代码
const userRef = await handleUserProfile(user, {
  displayName: displayName.current.value
})

更推荐使用用户UID作为Firestore文档ID，而非自动生成ID，后续查询用户数据会更高效：

// 调整handleUserProfile中的写入逻辑
export const handleUserProfile = async (userAuth, additionalData) => {
  if (!userAuth) {
    console.warn("No userAuth")
    return
  }
  const { uid, email } = userAuth;
  const timestamp = new Date()
  try {
    await firestore.collection("users").doc(uid).set({
      email,
      createdAt: timestamp,
      ...additionalData
    })
    // 返回文档引用
    return firestore.collection("users").doc(uid)
  } catch (err) {
    console.log("写入用户数据失败：", err)
  }
  return null;
};

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