Html 修复Firebase Google登录身份验证的TypeError_Html_Firebase_Authentication_Google Signin

Html 修复Firebase Google登录身份验证的TypeError

html firebase authentication

Html 修复Firebase Google登录身份验证的TypeError,html,firebase,authentication,google-signin,Html,Firebase,Authentication,Google Signin,我正在尝试创建一个简单的谷歌登录按钮，当你按下它，你就可以登录你的谷歌帐户。我正在使用Google Firebase身份验证进行此操作，并且我已启用Google登录（以及电子邮件/密码）。然而，我遇到了多个错误，我不确定我做错了什么。这是我的代码： <html> <head> <meta charset="utf-8"> <meta name="viewport" content="

我正在尝试创建一个简单的谷歌登录按钮，当你按下它，你就可以登录你的谷歌帐户。我正在使用Google Firebase身份验证进行此操作，并且我已启用Google登录（以及电子邮件/密码）。然而，我遇到了多个错误，我不确定我做错了什么。

这是我的代码：

<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>


谷歌注册
谷歌登录
var firebaseConfig={
apiKey:“--------------”，
authDomain:“--------------”，
projectId:“productify-36d63”，
storageBucket:“--------------”，
messagingSenderId:“--------------”，
appId:“--------------”，
度量标准：“------------”
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；
谷歌签名=（）=>{
base\u provider=new firebase.auth.GoogleAuthProvider（）
firebase.auth（）{
console.log（结果）
console.log（“成功…谷歌账户链接”）
}).catch（函数（err）{
console.log（错误）
console.log（“失败”）
})
}

在实际单击按钮之前，我没有任何错误。以下是单击“登录”按钮后出现的错误：

我到处找，看了这么多视频，从stackoverflow上尽可能多地阅读，一直在试图找出如何使用Firebase身份验证创建google登录按钮，但没有任何效果

任何帮助都将不胜感激。提前感谢！

您缺少应用程序和auth脚本

 <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>

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