REACT -谷歌和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

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

禁用，单击“保存”，然后再次启用。之后，您将看到灰色面板，并输入您的Google帐户。而then...the rest已经成为历史。

祝你好运冠军！

​

​

Answer 2

您必须在Firebase控制台=>身份验证选项卡=>登录方法中启用它