Как исправить ReferenceError: firebase не определяется, когда все SDK находятся в файле HTML

Question

Я пытаюсь создать веб-сайт с формой входа, использующей Firebase.

Я следовал документации (https://firebase.google.com/docs/web/setup?authuser=0) и добавил все необходимые JS SDK для Firebase, а также Firebase-Auth SDK в мой HTML-файл.У меня также есть JS-файл для событий onclick и т. Д., В котором я хочу использовать методы из библиотек firebase.

<div class="loginContainer">
    <div class="card"></div>
    <div class="card">
        <h1 class="title">Login</h1>
        <form>
            <div class="input-container">
                <input type="text" id="txtEmail" required="required" />
                <label for="email_field">E-Mail</label>
                <div class="bar"></div>
            </div>
            <div class="input-container">
                <input type="password" id="txtPassword" required="required" />
                <label for="password_field">Password</label>
                <div class="bar"></div>
            </div>
            <div class="button-container">
                <button onClick="login();" id="btnLogin"><span>Go</span></button>
            </div>
        </form>
    </div>
</div>

<script src="assets/js/login.js"></script>

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use -->
<!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->
<!-- Add Firebase products that you want to use -->
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-firestore.js"></script>
<script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
        (the config from my Firebase console)
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
</script>

const auth = firebase.auth();

Я ожидал, что JS-файл распознает метод auth (),но все, что я получил, было "Uncaught ReferenceError: firebase не определен в login.js: 2" в консоли.

Answer 1

Добавить ссылку на файл js после сценариев Firebase SDK:

//firebase sdk
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"></script> 
<script src="assets/js/login.js"></script>