Uncaught ReferenceError: firebase не определен в веб-приложении

Я столкнулся со странной проблемой в своем веб-приложении. На самом деле я использую хостинг Firebase, и я пытаюсь создать кнопку «Выход» на своей веб-странице. Я говорю это странно, потому что файл JavaScript с именем «login.js», в котором я написал функцию для входа, работает правильно. Но для функции выхода из системы он говорит: «Uncaught ReferenceError: firebase не определен».

Здесь я публикую сценарий, который я написал для-

HTML-

<div class = "subSetingOptionList">
    <button onclick = "logOut()">Logout</button>
  </div>

JavaScript-

// ON AUTH STATE CHANGES

firebase.auth().onAuthStateChanged(function(user) {
    if (user) {

        // USER IS SIGNED IN
      document.getElementById("showIfNotLogIn").style.display = "none";
      document.getElementById("onUserLogin").style.display = "block";
        } else {
      // No user is signed in.
      document.getElementById("showIfNotLogIn").style.display = "block";
     document.getElementById("onUserLogin").style.display = "none";
    }
  });

  //THIS PART IS WORKING FOR SURE

function letMeLogin(){


let usernaming = document.getElementById("userNameForLogin").value;
let userpasswording = document.getElementById("userPasswordForLogin").value;

firebase.auth().signInWithEmailAndPassword(usernaming, userpasswording).catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...

    window.alert(`Alert: ${errorMessage}`);
  });

}

//THIS IS THE PART FOR LOGOUT WHICH IS GIVING THE ERROR

    function logOut(){

  firebase.auth().signOut().then(function() {
      // Sign-out successful.
    }).catch(function(error) {
      // An error happened.
   });
  }