Firebase认证调用sendEmailVerification()报非函数错误及验证邮件实现咨询

这个报错是SDK版本迭代带来的API结构变更导致的：createUserWithEmailAndPassword 方法的then回调返回值不再直接是用户实例，它实际返回的是UserCredential凭证对象，真正携带sendEmailVerification方法的用户实例，是挂载在这个凭证对象的user属性上的。原代码直接把整个凭证对象当作用户实例调用方法，自然会提示方法不存在。

• 调整取值逻辑：先从回调返回的凭证对象中拆解出真实的user实例，再调用发验证邮件的方法
• 优化Promise链式调用结构，避免嵌套回调，统一处理全流程的错误

以下是兼容新版模块化SDK（v9+）的可运行代码：

import { getAuth, createUserWithEmailAndPassword, sendEmailVerification } from "firebase/auth";

const auth = getAuth();
createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    // 从凭证中提取真实用户对象
    const currentUser = userCredential.user;
    // 传递用户对象给发验证邮件的API，返回Promise保证链式调用顺序
    return sendEmailVerification(currentUser);
  })
  .then(() => {
    console.log("验证邮件已发送");
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    console.error(`流程异常：${errorCode} - ${errorMessage}`);
  });

如果是使用CDN全局引入的传统脚本版本（v8兼容模式），逻辑保持一致，只需要调整对应API的调用方式：

firebase.auth().createUserWithEmailAndPassword(email, password)
  .then((userCredential) => {
    const user = userCredential.user;
    return user.sendEmailVerification();
  })
  .then(() => {
    console.log("Email Sent");
  })
  .catch((err) => {
    console.error(err);
  });

• 不要把回调参数直接命名为user就默认它是真实用户实例，只要是createUserWithEmailAndPassword的返回值，必须走.user属性取值，这是跨版本保持兼容的统一规则
• 发验证邮件的操作要和注册流程放在同一个Promise链上，不要把发邮件的逻辑嵌套在注册then的回调里再单独写catch，避免流程异常时错误被分散捕获、难以排查
• 如果调用sendEmailVerification返回权限类报错，需要先检查Firebase控制台身份认证模块的邮件模板配置，确保验证邮件的发送权限没有被禁用

内容的提问来源于stack exchange，提问作者Rino Vetha Moses J