Vue3集成Firebase调用sendPasswordResetEmail函数报错求助

你遇到的错误提示：

Uncaught (in promise) TypeError: getAuth(...).sendPasswordResetEmail is not a function

错误原因及修正步骤： #

1. Firebase模块化API调用方式错误

Firebase v9+采用模块化架构，sendPasswordResetEmail是独立导出的函数，并非getAuth()返回实例的内置方法。你已经在firebase.js中导入了该函数，但调用逻辑有误。

修正firebase.js中的sendEmail方法：
原错误代码：

export const sendEmail = (email) => getAuth().sendPasswordResetEmail(email);

改为：

export const sendEmail = (email) => sendPasswordResetEmail(auth, email);

同时删除firebase.js末尾多余的闭合}，避免语法错误。

2. 组件导入名称不匹配

SignIn.vue中导入的createUserWithEmail名称错误，与你在firebase.js中导入的createUserWithEmailAndPassword不一致，修正导入语句：
原错误代码：

import { createUserWithEmail, sendEmail } from '../firebase'

改为：

import { createUserWithEmailAndPassword, sendEmail } from '../firebase'

额外逻辑提示

你的组件标题标注为“Registrate（注册）”，但当前signUp方法调用的是密码重置邮件接口。如果是要实现用户注册功能，应替换为注册逻辑：

signUp() {
  createUserWithEmailAndPassword(auth, this.email, this.password)
    .then((userCredential) => {
      // 注册成功后的处理逻辑
      const user = userCredential.user;
    })
    .catch((error) => {
      // 注册失败的错误处理
      const errorCode = error.code;
      const errorMessage = error.message;
    });
}

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