Uncaught TypeError: Невозможно прочитать свойство 'GoogleAuthProvider' из неопределенного в узле js при нажатии кнопки регистрации

Question

Когда я нажимаю кнопку регистрации во время аутентификации с помощью firebase, в консоли появляется ошибка ниже.

Uncaught TypeError: Невозможно прочитать свойство 'GoogleAuthProvider' из неопределенного в signInWithGoogle (регистрация: 220) на HTMLButtonElement.onclick (зарегистрируйтесь: 155) signInWithGoogle @ регистрация: 220 onclick @ регистрация: 155

Я уже установил зависимости firebase в приложении js node. А также добавлен фрагмент кода конфигурации Firebase.

Фрагмент кода HTML:

<button type="submit" class="btn btn-primary btn-lg btn-block" onclick = {signInWithGoogle()}><i class="ft-user"></i> Register</button>

JS Snippet:

<script>
  function signInWithGoogle() {
    var googleAuthProvider = new firebase.auth.GoogleAuthProvider();
    firebase.auth().signInWithPopup(googleAuthProvider).then(function (data) {
      console.log(data);
    }).catch(function (error) {
      console.log(error);
    });
  }
</script>