未捕获的参考错误：未定义 firebase答案

【问题标题】：Uncaught referenceerror : firebase is not defined未捕获的参考错误：未定义 firebase
【发布时间】：2020-08-31 09:16:24
【问题描述】：

大家好，我刚刚使用 firebase api 设置了我的网络应用程序。一些我总是得到我的firebase没有定义的错误。

APP.js

// Your web app's Firebase configuration

var firebaseConfig = {
    apiKey: "AIzaSyBs7a0TXXXXXXXXXXI",
    authDomain: "einkaufsliste-XX5.firebaseapp.com",
    databaseURL: "https://einkaufsliste-XX5.firebaseio.com",
    projectId: "einkaufsliste-94a15",
    storageBucket: "einkaufsliste-XX5.appspot.com",
    messagingSenderId: "1047615970771",
    appId: "1:1047615970771:web:dda3e17725XXX",
    measurementId: "G-0SLEKM6XW1"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig
);
firebase.analytics();

// ELEMENTS

const emailField = document.getElementById('emailField');
const passwordField = document.getElementById('emailField');
const btnLogin = document.getElementById('emailField');
const btnSignUp = document.getElementById('emailField');
const btnLogout = document.getElementById('emailField');

//LOGIN
btnLogin.addEventListener('click', ev => {
    const email = emailField.value;
    const password = passwordField.value;
    const auth = fireb.auth();
    auth.signInWithEmailAndPassword(email,password);
    promise.catch(e => console.log(e.message));

} )
const auth = firebase.auth();
auth.signInWithEmailAndPassword(email,password);
auth.createUserWithEmailAndPassword(email,password);
auth.onAuthStateChanged(firebaseUser => {});

function logout() {
    firebase.auth().signOut();
}

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Einkaufsliste</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="public/style.css">

</head>
<body>
<div class="container">
    <input id="emailField" type="email" placeholder="Email">

    <input id="passwordField" type="password" placeholder="Passwort">

    <button id="btnLogin" class="btn btn-action">
        Login
    </button>

    <button id="btnSignUp" class="btn btn-action">
        Registrieren
    </button>

    <button id="btnLogout" class="btn btn-action hide">
        Logout
    </button>
</div>
<script src="app.js"></script>
<script src="/__/firebase/7.14.2/firebase-app.js"></script>
<script src="/__/firebase/7.14.2/firebase-auth.js"></script>
<script src="/__/firebase/7.14.2/firebase-database.js"></script>
<script src="/__/firebase/7.14.2/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-analytics.js"></script>
<script src="/__/firebase/init.js"></script>
</body>
</html>

我阅读了所有文件，但无法弄清楚问题所在。我在 Firebase 7 上。

app.js:14 Uncaught ReferenceError: firebase is not defined
    at app.js:14

是我得到的错误，但它与文档中的代码相同。我还复制了 firebaseconfig 并初始化代码。

【问题讨论】：

标签： javascript firebase

【解决方案1】：

您应该在所有 Firebase 脚本之后包含您的 app.js。

<script src="/__/firebase/7.14.2/firebase-app.js"></script>
<script src="/__/firebase/7.14.2/firebase-auth.js"></script>
<script src="/__/firebase/7.14.2/firebase-database.js"></script>
<script src="/__/firebase/7.14.2/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-analytics.js"></script>
<script src="/__/firebase/init.js"></script>
<script src="app.js"></script>

它们按照它们出现的顺序执行，在它们全部执行之前，您将无法使用 firebase。

【讨论】：

这实际上修复了它，现在电子邮件未定义。我的项目中是否存在错误导致我严格按照教程进行操作
const email = emailField.value;应该这样做，不是吗？
如果您有新问题，请单独发布。
@DougStevenson 即使我们不使用它，我们是否必须导入 Firestore 和数据库，或者我们可以忽略它，如果我们没有遇到同样的问题，但在 Flutter 中你能看看stackoverflow.com/q/69053706/13984728