Firestore setDoc无法创建文档，点击发布无跳转但Redux已接收数据

• 点击「发布」按钮调用await setDoc()向Firestore发送帖子数据，Firestore模拟器无数据显示
• setDoc()之后的代码完全不执行，且控制台无任何报错日志
• 手动导航到首页能看到帖子，说明Redux状态已正确更新
• 已尝试相关排查方案，但仍无错误输出

• firebase@^9.22.0
• react@^18.2.0
• redux@^4.2.1
• redux-firestore@^2.0.1

1. 强制捕获setDoc()异常 #

即使控制台无报错，也可能存在异常被静默吞掉的情况，给setDoc()套try/catch强制输出错误：

try {
  await setDoc(doc(db, "posts", postId), postData);
  console.log("数据已成功写入Firestore");
  // 后续跳转等逻辑
} catch (error) {
  console.error("写入Firestore失败:", error);
}

注：redux-firestore的异步操作如果和原生Firestore操作混用，可能存在状态同步问题，优先确保原生Firestore调用本身无异常

2. 检查Firestore模拟器连接配置 #

确认Firestore实例是否正确指向模拟器，核对初始化代码：

const db = getFirestore(app);
if (process.env.NODE_ENV === "development") {
  connectFirestoreEmulator(db, "localhost", 8080); // 端口需和模拟器启动端口一致
}

验证方式：打开Firestore模拟器控制台，查看「请求」标签页，确认是否有写入请求到达

3. 避免redux-firestore与原生Firestore混用 #

如果同时使用redux-firestore的firestore reducer和原生setDoc()，可能存在实例不统一或同步延迟问题：

• 统一使用redux-firestore提供的API（如firestore.set()）完成数据写入，或者完全使用原生Firestore SDK
• 检查redux-firestore的配置是否正确关联Firestore实例：

const store = createStore(
  rootReducer,
  compose(
    reduxFirestore(firebaseApp), // 传入正确的firebase初始化实例
    reactReduxFirebase(firebaseApp)
  )
);

4. 确认异步函数标记正确 #

检查「发布」按钮的点击事件处理函数是否标记为async，否则await会失效导致代码执行异常：

// 正确写法
const handlePublish = async () => {
  try {
    await setDoc(doc(db, "posts", postId), postData);
    // 后续跳转首页逻辑
  } catch (error) {
    console.error(error);
  }
};

5. 验证写入路径合法性 #

确认setDoc()的文档路径是否正确，比如集合名称拼写错误、文档ID生成异常：

const postRef = doc(db, "posts", postId);
console.log("写入文档路径:", postRef.path); // 打印路径确认是否符合预期
await setDoc(postRef, postData);

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