Question

伙计们，我刚刚使用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并初始化代码。

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

未捕获的referenceError：未定义Firebase

1 个答案: