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
相关产品推荐
相关产品推荐

