反应-Google和FIREbase错误403：restricted_client

Question

我已经创建了一个Firebase帐户，并将其与我的React代码关联：

我填写了您在上图中看到的所有字段，但是当我尝试从React屏幕登录时：

当我在React代码中使用它时：

import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";

// Your web app's Firebase configuration
var firebaseConfig = {
  apiKey: "xxxxxxxxxxxx",
  authDomain: "xxxxxxxxxxxx.firebaseapp.com",
  databaseURL: "https://xxxxxxxxxxxx.firebaseio.com",
  projectId: "xxxxxxxxxxx-1e2be",
  storageBucket: "",
  messagingSenderId: "xxxxxxxxxxxxxxxxx",
  appId: "xxxxxxxxxxxxxxxxxx"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
export const firestore = firebase.firestore();

const provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters({ prompt: 'select_account' });
export const signInWithGoogle = () => auth.signInWithPopup(provider);

export default firebase;

运行它，我得到：

可能是什么问题？看起来我拥有所有权限。

那我哪里出错了？

编辑：登录方法已启用，但仍然无效！

Answer 1

您必须在Firebase控制台中启用它=>“身份验证”标签=>登录方法

Answer 2

我现在有同样的问题。 当您在“登录方法”中启用“ Google”时，您做对了，但是 您可能没有看到灰色面板 您需要在其中输入“项目支持电子邮件”的地方。

禁用，单击“保存”，然后再次启用。 之后，您将看到灰色面板并输入您的Google帐户。 然后...剩下的就是历史了。

好运冠军！