React应用中Firebase Auth创建用户失败，其他认证功能正常

1. 表单提交方法拼写错误 #

你的onSubmit函数里e.preventDefaualt()拼写错误，正确写法是e.preventDefault()。这个错误会导致表单默认提交行为触发，页面直接刷新，注册逻辑还没执行就中断了。

修复后代码：

const onSubmit = (e) => {
  e.preventDefault();
  const email = emailRef.current.value;
  const name = nameRef.current.value;
  const password = passwordRef.current.value;
  if(email && name && password) registerUser(email, name, password);
};

2. 注册阶段获取未存在的用户ID #

registerUser里的const id = user.userUID完全不合理——注册时用户还未创建，user对象大概率是null或未定义状态，这里的userUID肯定是无效值，提前把这个无效ID设置到UID状态里毫无意义。

Firebase Auth在创建用户时会自动生成唯一UID，你应该从createUserWithEmailAndPassword返回的userCredential里获取：

createUserWithEmailAndPassword(auth, email, password)
.then((userCredential) => {
  const newUser = userCredential.user;
  // 这里获取Firebase自动生成的UID
  setUID(newUser.uid);
  // 后续执行用户信息更新逻辑
})

3. updateProfile方法参数错误 #

updateProfile只能更新用户的displayName和photoURL两个字段，不能设置email、userUID这类属性：

• 要更新email需要单独调用updateEmail方法
• userUID是Firebase Auth自动分配的，无法自定义修改

另外，不要直接用auth.currentUser，刚创建用户后可能存在异步延迟，直接用userCredential.user更可靠。

完整修复后的registerUser函数 #

const registerUser = (email, name, password) => {
  setLoading(true);
  createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    const newUser = userCredential.user;
    setUID(newUser.uid);
    // 仅更新displayName，邮箱在创建用户时已设置
    return updateProfile(newUser, {
      displayName: name
    });
  })
  .then(() => {
    console.log("用户注册并更新信息成功");
    window.location.pathname = `/subscriptions`;
  })
  .catch((err) => setError(err.message))
  .finally(() => setLoading(false));
};

额外排查点 #

• 检查Firebase控制台的Auth设置，确认已开启邮箱/密码注册方式
• 打开浏览器控制台，查看是否有未捕获的报错信息（之前的拼写错误可能导致控制台有报错）
• 确认输入的邮箱格式正确、密码长度符合Firebase要求（至少6位）

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