React Native中Firebase Firestore添加文档失败求助

问题根源分析 #

1. Firebase版本混用：代码同时导入了v9模块化API和compat兼容层，导致App实例初始化冲突，Firestore无法正确关联认证上下文。
2. 异步错误未捕获：添加文档的逻辑嵌套在then中，但未对add操作做异步处理和错误捕获，外层catch无法感知该步骤的失败。
3. Firestore初始化冗余：app.firestore(app)传入了多余的App实例参数，可能导致实例异常。

修复步骤 #

1. 统一Firebase初始化方式（推荐v9模块化API）

删除冗余的compat层代码，重构配置文件为纯v9模块化写法：

import { initializeApp } from 'firebase/app';
import { initializeAuth, getReactNativePersistence } from 'firebase/auth/react-native';
import { getFirestore } from 'firebase/firestore';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { apiKeyUrl, apiIdUrl } from './env';

// 补充完整真实的项目配置
const firebaseConfig = {
  apiKey: apiKeyUrl.apiKey,
  authDomain: "你的项目authDomain",
  projectId: "你的项目projectId",
  storageBucket: "你的项目storageBucket",
  messagingSenderId: "你的项目messagingSenderId",
  appId: apiIdUrl.apiId,
  measurementId: "你的项目measurementId"
};

const app = initializeApp(firebaseConfig);

const auth = initializeAuth(app, {
  persistence: getReactNativePersistence(AsyncStorage)
});

const db = getFirestore(app);

export { auth, db };

2. 修复异步代码逻辑，统一错误捕获

不要混合使用await和then，确保所有异步操作都被正确处理：

try {
  // 创建用户并获取用户凭证
  const userCredential = await auth.createUserWithEmailAndPassword(email, password);
  // 使用真实的用户ID替换硬编码值
  const userId = userCredential.user.uid;
  
  // 等待文档添加完成，确保错误能被外层catch捕获
  await db.collection('users').add({
    userEmail: email,
    userId: userId,
    userName: "asdasd"
  });
  console.log("用户文档添加成功");
} catch (err) {
  console.log("错误详情：", err);
}

3. 确认Firestore规则配置

确保规则允许认证用户操作users集合，示例规则：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{userId} {
      // 允许认证用户创建自己的文档
      allow create: if request.auth.uid == userId;
      // 允许用户读写自己的文档
      allow read, update, delete: if request.auth.uid == userId;
    }
  }
}

额外检查点 #

• 确认firebaseConfig中的所有参数（如projectId）都是Firebase控制台的真实值，不要用占位符。
• 测试时可以临时放宽规则（如allow read, write: if true;），排除规则问题后再收紧。

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