未捕獲的 ReferenceError：未定義 firebase

Question

我嘗試了幾種方法，但沒有任何效果。 我鏈接這個：

<script src="https://www.gstatic.com/firebasejs/ui/6.0.1/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/6.0.1/firebase-ui-auth.css" />

它是 firebase 的配置：

<script type="module">
      import { initializeApp } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js";
      import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-analytics.js";
      import { getFirestore } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-firestore.js";
      const firebaseConfig = {
      // some config
      };

      const app = initializeApp(firebaseConfig);
            const analytics = getAnalytics(app);
            const db = getFirestore(app);
      async function getCities(db) {
        const citiesCol = collection(db, 'cities');
        const citySnapshot = await getDocs(citiesCol);
        const cityList = citySnapshot.docs.map(doc => doc.data());
        return cityList;
      }
      </script>

配置授權：

<script>
          var uiConfig = {
            signInSuccessUrl: 'localhost:5500',
            signInOptions: [
            {
              provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
              signInMethod: firebase.auth.EmailAuthProvider.EMAIL_LINK_SIGN_IN_METHOD
            }
            ],
            tosUrl: 'localhost:5500',
            privacyPolicyUrl: function() {
              window.location.assign('localhost:5500');
            }
          };
          var ui = new firebaseui.auth.AuthUI(firebase.auth());
          ui.start('#firebaseui-auth-container', uiConfig);
        </script>

問題是Uncaught ReferenceError: firebase is not defined。 為了：

provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,

我正在嘗試通過 firebase 將授權連接到我的網站。 如何解決這個問題？ 請幫助。

Answer 1

“Uncaught ReferenceError: firebase is not defined”錯誤發生在代碼嘗試使用 firebase 對象但未定義該對象時。 發生這種情況的原因有很多，包括：

1. Firebase JavaScript 庫未正確加載。 確保您已包含正確的腳本標記以在 HTML 文件中加載 Firebase 庫：

<script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-app.js"></script>

2. 您可能會在庫完成加載之前嘗試使用 firebase 對象。 要解決此問題，您可以將代碼包裝在一個函數中，並在 firebase 庫完成加載后調用它：

window.onload = function() {
  // Your code here
};

3. firebase 對象的名稱可能有拼寫錯誤或其他錯誤。 確保在引用對象時使用正確的拼寫和大小寫。

4. 如果您使用的是 webpack 或 rollup 等捆綁器，請確保 Firebase 庫已正確導入並可用於您的代碼。