尝试使用 Firebase Auth 时出现错误

Question

I'm Building my first time a website thats include firebase (firebase auth).我第一次建立一个包含 firebase（firebase auth）的网站。 I get an Error when I run my HTML Code in the Browser.在浏览器中运行 HTML 代码时出现错误。

Uncaught TypeError: firebase.auth is not a function at HTMLButtonElement.未捕获的类型错误：firebase.auth 在 HTMLButtonElement 中不是 function。 (app.js:24) (app.js:24)

I dont find any articels too this issue.我也没有找到任何文章这个问题。 I've already reinstalled node and the firebase tools.我已经重新安装了节点和 firebase 工具。 Has anybody an answer for me, I really dont know whats to do... Heres my Index.html file and my App.js File Index.html:有没有人回答我，我真的不知道该怎么办......这是我的Index.html文件和我的App.js文件Index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Log In Page</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-app.js"></script>
</head>
<body>
    <div class="Main-Div">
        <h3 class="Headline">
            Do you have an Account?
        </h3>
        <input type="text" placeholder="Your Email..." class="AccountInput" type="email" id="txtemail">
    </br>
        <input type="text" placeholder="Your Passcode..." class="AccountInput" type="Password" id="txtpassword">
    </br>
        <button class="LogInButton" id="1Button">Log In</button>
        <button class="SignUpButton" id="2Button">Sign Up now!</button>
        <button class="LogOutButton" id="3Button">Log Out</button>
    </div>
    <script src="app.js"></script>
</body>
</html>

And here my other File, App.js: (i've censored the datas about my firebase-database)这里是我的另一个文件 App.js：（我已经审查了有关我的 firebase-database 的数据）

(function(){
const firebaseConfig = {
    apiKey: "Censored",
    authDomain: "Censored",
    projectId: "Censored",
    storageBucket: "Censored",
    messagingSenderId: "Censored",
    appId: "Censored"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

// Get Elements
  const txtEmail = document.getElementById('txtemail');
  const txtPassword = document.getElementById('txtpassword');
  const btnLogIn = document.getElementById('1Button');
  const btnSignUp = document.getElementById('2Button');
  const btnLogOut = document.getElementById('3Button');

  btnLogIn.addEventListener('click', e => {
    const email = txtEmail.value;
    const password = txtPassword.value;
    const auth = firebase.auth();

    const promise = auth.signInWithEmailAndPassword(email, pass);
    promise.catch(e => console.log(e.message));
  });

}());

Thanks for your attention Greetings Max感谢您的关注 Greetings Max

Answer 1

In index.html you imported only the core firebase library firebase-app.js in order to use a firebase service (firestore/storage etc) in your web app, you need to import that respective service from a CDN. In index.html you imported only the core firebase library firebase firebase-app.js in order to use a firebase service (firestore/storage etc) in your web app, you need to import that respective service from a CDN.

in your case, you need to add firebase-auth.js in your <head></head>在您的情况下，您需要在<head></head>中添加firebase-auth.js

here is the link链接在这里

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

in this page you can find all of the services CDNs在此页面中，您可以找到所有服务 CDN

also you need to go to your project's firebase dashboard and enable password authentication as stated in this documentation您还需要 go 到您项目的 firebase 仪表板并启用密码身份验证，如本文档中所述

尝试使用 Firebase Auth 时出现错误

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-02-21 16:05:13

尝试使用 Firebase Auth 时出现错误

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-02-21 16:05:13

解决方案1
0 已采纳 2021-02-21 16:05:13