即使放在最后,脚本也会在外部脚本之前加载

时间:2020-04-03 14:13:39

标签: javascript html firebase google-chrome firefox

我正在构建Firebase应用, 因此在前端,我为fireabse应用添加了脚本标签。


 <!-- Add Firebase products that you want to use -->
  <!-- The core Firebase JS SDK is always required and must be listed first -->
  <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-app.js"></script>

  <!-- TODO: Add SDKs for Firebase products that you want to use
      https://firebase.google.com/docs/web/setup#available-libraries -->
  <script src="https://www.gstatic.com/firebasejs/7.12.0/firebase-analytics.js"></script>
  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "secret",
      authDomain: "secret",
      databaseURL: "https://secret.firebaseio.com",
      projectId: "secret",
      storageBucket: "secret.appspot.com",
      messagingSenderId: "secret",
      appId: "secret",
      measurementId: "secret"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>
  <script src="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.js"></script>
  <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.css" />
  <script src="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.js"></script>

这放置在head标签中。

然后在body close标签之前,我添加了自己的脚本login.js

,但是有时我在Chrome和Edge中看到firebase is not defined。在“网络”标签中,我看到login.js加载了拳头,然后才加载了Firebase脚本。 在firefox中,它总是先加载login.js

我尝试将defer添加到login.js,但似乎没有帮助。

如何确保Firebase脚本首先加载?

谢谢

0 个答案:

没有答案