Firebase Auth更新密码遇auth/requires-recent-login错误，重登仍无效

核心错误 #

你重新登录后，依然在使用原来的user对象调用updatePassword。Firebase Auth的用户实例带有状态标识，旧的user实例不会因为重新登录自动更新其「近期登录」状态，所以即便重新登录成功，用旧实例执行密码更新仍会触发auth/requires-recent-login错误。

修复步骤 #

1. 使用最新用户实例：重新登录后，要么通过auth.currentUser获取最新的用户对象，要么直接使用signInWithEmailAndPassword返回的用户实例。
2. 重构异步逻辑：嵌套的then/catch不仅难维护，还容易出现时序问题，改用async/await写法更清晰；同时移除不必要的setTimeout——它会导致密码更新操作还未完成，就提前执行后续的表单重置和成功提示，造成逻辑错误。

修改后的代码 #

const onSubmit = handleSubmit(async (data) => {
  try {
    // 先尝试直接更新密码
    await updatePassword(user, data.newPassword);
    console.log('Update successful.');
  } catch (e) {
    // 针对性处理「需近期登录」的错误
    if (e.code === 'auth/requires-recent-login') {
      console.log("需要重新验证身份", e);
      // 重新登录并获取最新用户实例
      const userCredential = await signInWithEmailAndPassword(auth, user.email, data.oldPassword);
      const freshUser = userCredential.user;
      console.log('Signed in');
      // 用最新实例执行密码更新
      await updatePassword(freshUser, data.newPassword);
      console.log('Update successful.');
    } else {
      // 处理其他类型错误
      console.log("更新失败", e);
      throw e; // 抛出错误交由外层catch处理
    }
  }
  // 仅当密码更新成功时执行后续操作
  reset();
  enqueueSnackbar('Update success!');
  console.info('DATA', data);
});

额外说明 #

• 通过错误码auth/requires-recent-login精准触发重新登录逻辑，比捕获所有错误更严谨。
• 移除setTimeout后，代码会等待密码更新操作完成后再执行表单重置和提示，避免出现「假成功」的情况。

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