我在我的 React 应用程序中设置了 FirebaseUI,以便用户可以创建一个帐户并登录到该帐户来访问我的应用程序。每当用户创建帐户时,它似乎都会正确保存在 firebase 中,但是,当该用户尝试登录其帐户时,系统会要求他们再次创建帐户,而不是要求输入密码,以便他们可以登录到现有帐户帐户。如果用户尝试使用同一电子邮件创建另一个帐户,他们会收到一条错误消息 --> 该电子邮件已存在,但无法登录。请重置密码以恢复。<--
这是 Fire Base 实现的代码,正如我所说,几乎所有事情似乎都按预期工作,除了我总是被指示创建一个新帐户,即使我输入的电子邮件已经与 Firebase 中保存的帐户关联。我按照教程视频让它工作,我已经彻底检查过,我的代码与视频中的代码相同,但他的实现允许他在创建帐户后正确登录,而我的只允许我创建一个帐户,但是不登录该帐户。
import React, { useEffect } from "react";
import * as firebaseui from 'firebaseui';
import "firebaseui/dist/firebaseui.css";
import firebase from "firebase/compat/app";
const AuthGoogle = (props) => {
useEffect(() => {
const ui =
firebaseui.auth.AuthUI.getInstance() ||
new firebaseui.auth.AuthUI(props.auth);
ui.start(".firebase-auth-container", {
signInOptions: [
{
provider: firebase.auth.EmailAuthProvider.PROVIDER_ID
}
],
signInSuccessUrl: '/app'
});
}, [props.auth]);
return (
<>
<div className="firebase-auth-container"></div>
</>
);
};
export default AuthGoogle;
Updated version of the code based …Run Code Online (Sandbox Code Playgroud)