在reactjs中使用firebase的Google身份验证不起作用

Question

这是firebase.js

import firebase from "firebase";
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "",
authDomain: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: "",
measurementId: "",
};
const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
const auth = firebase.auth();
const provider = new firebase.auth.GoogleAuthProvider();
export default db;
export { auth, provider };

这是login.js

import React from "react";
import "./login.css";
import { Button } from "@material-ui/core";
import { auth, provider } from "./firebase";
function Login() {
const signIn = () => {
auth.signInWithPopup(provider);
};
return (
<>
<div className="login">
<div className="login-container">
<img
src={
"https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg"
}
alt=""
/>
<div className="login-text">
<h1>Sign In to WhatsApp Clone</h1>
</div>
<Button onClick={signIn}>SIGN IN WITH GOOGLE</Button>
</div>
</div>
</>
);
}
export default Login;

每当我运行代码，一个窗口弹出谷歌登录，但它从来没有显示任何东西。即使我使用signInWithRedirect的谷歌验证从来没有工作。我从未在控制台上得到任何错误。有谁能给我指路吗?

Answer 1

我通常使用以下方法捕获错误:

const signIn = () => {
auth
.signInWithPopup(provider)
.catch((error) => alert(error.message));
};

或者您可能还没有在控制台启用google身份验证。

如果不是以上任何一种情况，请发布一个带有问题复制的代码链接。