Javascript 未捕获引用错误：未定义firebase_Javascript_Firebase

Javascript 未捕获引用错误：未定义firebase

javascript firebase

Javascript 未捕获引用错误：未定义firebase,javascript,firebase,Javascript,Firebase,嘿，伙计们，我刚刚用firebase api设置了我的web应用程序。我总是会犯这样的错误，我的firebase没有定义 APP.js // Your web app's Firebase configuration var firebaseConfig = { apiKey: "AIzaSyBs7a0TXXXXXXXXXXI", authDomain: "einkaufsliste-XX5.firebaseapp.com", databaseURL: "https:

嘿，伙计们，我刚刚用firebase api设置了我的web应用程序。我总是会犯这样的错误，我的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>

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

您应该在所有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
。
这实际上解决了问题，现在电子邮件没有定义。我的项目中会不会有错误，因为我严格遵守教程约束email=emailField.value；应该这样做，不是吗？如果你有新问题，请单独发布。
<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>