未捕获引用错误:未定义firebase

3j86kqsm  于 2022-12-24  发布在  其他
关注(0)|答案(1)|浏览(259)

我尝试了几种方法,但没有工作。我链接如下:

<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" />

这是火力点配置:

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

问题是**未捕获引用错误:未定义firebase。**适用于:

provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,

我试图通过Firebase连接授权到我的网站。如何解决这个问题?请帮助。

ffscu2ro

ffscu2ro1#

“未捕获的引用错误:当代码尝试使用firebase对象,但该对象尚未定义时,会发生“firebase is not defined”错误。发生这种情况的原因有很多,包括:
1.未正确加载Firebase JavaScript库。请确保在HTML文件中包含正确的脚本标记以加载Firebase库:

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

1.您可能试图在库完成加载之前使用firebase对象。要解决此问题,您可以将代码 Package 在函数中,并在firebase库完成加载之后调用它:

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

1.在firebase对象的名称中可能有打字错误或其他错误。请确保在引用该对象时使用了正确的拼写和大小写。
1.如果您正在使用Webpack或Rollup等捆绑包,请确保Firebase库已正确导入并可用于您的代码。

相关问题