修复 Firebase Google 登录身份验证的类型错误

Question

我正在尝试创建一个简单的 Google 登录按钮，当您按下它时，您可以使用您的 google 帐户登录。我正在使用 Google Firebase 身份验证来执行此操作，并且我已启用 Google 登录（和 Email/Password）。但是，我遇到了运行多个错误，我不确定自己做错了什么。

这是我的代码：

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>GoogleSignUp</title>
  </head>
  <body>
    <button onclick="googleSignIn()">Google SignIn</button>
    <script
    src="https://www.gstatic.com/firebasejs/8.4.1/firebase-app.js"></script>
    <script>
  var firebaseConfig = {
    apiKey: "--------------",
    authDomain: "--------------",
    projectId: "productify-36d63",
    storageBucket: "--------------",
    messagingSenderId: "--------------",
    appId: "--------------,
    measurementId: "--------------"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

googleSignIn=()=>{
  base_provider = new firebase.auth.GoogleAuthProvider()
  firebase.auth().signInWithPopup(base_provider).then(function(result){
    console.log(result)
    console.log("Success... Google Account Linked")
  }).catch(function(err){
    console.log(err)
    console.log("Failed")
  })
}
</script>
  </body>
</html>

在我真正点击按钮之前我没有错误。这些是我在单击登录按钮后遇到的错误：

我到处都看了，看了很多视频，尽可能多地从 Whosebug 上阅读，并且一直在尝试弄清楚如何使用 Firebase 身份验证创建 google 登录按钮，但没有任何效果。

如有任何帮助，我们将不胜感激。提前致谢！

Answer 1

您缺少 app 和 auth 脚本

<!-- The core Firebase JS SDK is always required and must be listed first --> 
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-auth.js"></script>

您可以在文档中找到更多信息here

修复 Firebase Google 登录身份验证的类型错误

Fixing TypeError for Firebase Google Sign In Authentication

html

firebase

authentication

google-signin