Firebase更新密码与邮箱功能异常：提示成功但新凭证无法登录

一、修改邮箱后新凭证无法登录，旧凭证仍可用 #

核心原因是Firebase要求新邮箱必须验证后才能生效：

• 调用updateEmail成功后，Firebase会自动给新邮箱发送验证邮件
• 用户未点击验证链接完成验证时，旧邮箱依然是有效登录凭证，新邮箱无法用于登录

修复方式 #

在updateEmail的成功回调中，主动提示用户验证邮箱，也可以手动触发验证邮件发送（防止用户未收到邮件）：

updateEmail(currentUser, newCredentials.value).then(() => {
  // 主动发送验证邮件
  return sendEmailVerification(currentUser)
}).then(() => {
  $q.notify({
    type: 'positive',
    message: '邮箱修改成功，请验证你的新邮箱后再登录。'
  })
}).catch((error) => {
  console.log('update error: ', error)
})

二、修改密码后旧凭证仍可用，新凭证无法登录 #

主要排查两个点：

1. 新密码输入未正确传递
   检查输入框的绑定是否正确，确认newCredentials.value确实获取到了用户输入的新密码（比如是否v-model绑定错误）。

2. 用户会话未刷新
   updatePassword成功后，Firebase会使旧会话失效，但本地缓存的用户对象可能未同步。建议修改成功后强制登出，让用户用新密码重新登录：

updatePassword(currentUser, newCredentials.value).then(() => {
  $q.notify({
    type: 'positive',
    message: '密码修改成功，请重新登录。'
  })
  // 强制登出，清除旧会话
  return signOut(auth)
}).catch((error) => {
  console.log('update error: ', error)
})

三、额外的表单验证逻辑bug #

你的表单验证条件存在逻辑优先级问题，可能导致某些情况下跳过验证，建议添加括号明确逻辑：

if (
  (settingItem.value === 'Username' && !newCredentials.value) ||
  (settingItem.value !== 'Username' && !currentPassword.value) ||
  !newCredentials.value
) {
  $q.notify({
    type: 'negative',
    message: 'Fill in all fields'
  })
  return
}

四、额外建议 #

执行修改操作前，先刷新用户信息，确保auth.currentUser是最新的登录用户：

await currentUser.reload()

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