Firebase Auth sendEmailVerification无法发送邮件（React环境）

核心问题 #

你的代码存在两个关键错误，导致验证邮件无法正常发送：

1. sendEmailVerification 要求传入用户对象作为参数，而非邮箱字符串
2. 异步逻辑混乱：await updateProfile 后混用 .then() 链式调用，页面跳转逻辑会在邮件发送操作执行前触发，且未等待邮件发送完成就执行了signOut和alert

修复后的代码 #

const registerUser = async (email, name, password) => {
  try {
    console.log("> Registering user")
    setLoading(true);
    // 创建用户账号
    const { user } = await createUserWithEmailAndPassword(auth, email, password)
  
    console.log("> Updating profile")
    // 更新用户资料，统一用await处理异步操作
    await updateProfile(user, {
      displayName: name,
    });

    // 发送验证邮件：传入正确的user对象
    await sendEmailVerification(user);
    
    // 等待邮件发送完成后再执行后续操作
    auth.signOut();
    alert("验证邮件已发送，请查收邮箱");
    
    // 建议跳转到登录页，而非直接进入订阅页面（需验证邮箱后登录）
    window.location.pathname = `/login`;
  } catch (e) {
    console.error("注册或发送邮件失败:", e);
    alert(`错误：${e.message}`);
  } finally {
    setLoading(false);
  }
};

额外检查项 #

• 确认Firebase控制台已启用「电子邮件/密码」登录方式，且在「模板」中配置了有效的验证邮件模板
• 提醒用户检查垃圾邮件/垃圾箱
• 避免在发送验证邮件前提前跳转或退出登录，确保sendEmailVerification的Promise完成后再执行后续操作

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