在React Native+Firebase创建数据时触发Maximum call stack size exceeded错误

你的代码已成功创建用户并存储数据，但出现Maximum call stack size exceeded的未处理Promise错误，核心问题在于Promise嵌套处理方式和数据库路径设计，以下是具体解决方法：

问题分析 #

1. Promise嵌套引发栈溢出：你在createUserWithEmailAndPassword的then内部嵌套了set的Promise链，这种嵌套写法在部分Firebase SDK版本中可能触发内部Promise递归调用，导致栈溢出。
2. 数据库路径不合理：直接写入users/根节点会覆盖整个users下的所有数据，后续创建新用户时会丢失之前的用户数据，同时这种写法也可能触发SDK内部异常处理逻辑。

修正方案 #

方案1：使用async/await简化Promise处理（推荐） #

改用async/await替代嵌套的then/catch，代码更清晰且能避免链式调用的栈溢出问题：

// 确保在异步函数中执行
const handleCreateUser = async () => {
  try {
    // 创建Auth用户
    const userCredential = await createUserWithEmailAndPassword(auth, userInfo.Email, userInfo.Password);
    const user = userCredential.user;

    // 将数据存入实时数据库，用用户UID作为独立节点
    await set(ref(database, `users/${user.uid}`), {
      userEmail: userInfo.Email,
    });

    console.log("用户创建及数据存储完成");
  } catch (error) {
    console.error("操作失败:", error);
  }
};

方案2：修正Promise链式写法 #

如果坚持使用then/catch，需确保返回内部Promise，让外部catch统一处理错误，同时修正数据库路径：

createUserWithEmailAndPassword(auth, userInfo.Email, userInfo.Password)
  .then((userCredential) => {
    const user = userCredential.user;
    // 返回set的Promise，将链式调用串联起来
    return set(ref(database, `users/${user.uid}`), {
      userEmail: userInfo.Email,
    });
  })
  .then(() => console.log("用户创建及数据存储完成"))
  .catch((error) => console.error("操作失败:", error));

关键改进点 #

• 用用户的uid作为数据库节点路径，每个用户数据存放在独立的users/[用户UID]节点下，避免覆盖原有数据，符合Firebase实时数据库最佳实践。
• 统一错误处理逻辑，确保所有Promise异常都被捕获，避免未处理的Promise rejection。
• 避免Promise嵌套写法，改用扁平化链式调用或async/await，从根源解决栈溢出问题。

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