You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React项目中调用firebase auth.sendSignInLinkToEmail方法报错如何解决?

问题排查及解决步骤
  • Firebase v9+ 调用方式错误
    你当前使用的是Firebase v9及以上版本的模块化API,sendSignInLinkToEmail 不是auth实例的挂载方法,需要单独从firebase/auth包导入后使用。
    修改组件内代码如下:
// 新增导入对应方法
import { sendSignInLinkToEmail } from "firebase/auth";
import {auth} from '../../firebase';

// 调用方式调整,将auth作为第一个参数传入
await sendSignInLinkToEmail(auth, email, config);
  • 检查Firebase控制台登录方式配置
    登录Firebase控制台,进入「身份验证」-「登录方式」页面,确认「电子邮件/密码」选项已开启,且其中的「电子邮件链接(无密码登录)」开关已打开。
  • 验证发送配置参数合法性
    调用方法时传入的config参数必须包含合法的跳转url,示例配置如下:
const config = {
  // 替换为你项目内点击登录链接后跳转的页面地址
  url: "http://localhost:3000/login/callback",
  handleCodeInApp: true
};
  • 确认初始化配置完整
    检查你初始化Firebase时的firebaseConfig对象,确认apiKey、authDomain等必填参数都已正确填写,没有缺失项。

内容的提问来源于stack exchange,提问作者Thevindu Senanayake

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.23 15:45:01