将Firebase与PWA链接时出现“未捕获的ReferenceError：未定义firebase”错误

如何解决将Firebase与PWA链接时出现“未捕获的ReferenceError：未定义firebase”错误

当我尝试将Firebase与我的PWA集成时，出现“ Uncaught ReferenceError：未定义firebase”错误。

我看过同一主题的其他主题，这是我所看到的建议：

1. 在标题/正文中包含firebase.js
2. 使用集成Firebase的新方法
3. 在致电serviceworker之前加载firebase.js
4. 添加或删除“延迟”

我已尽我所能，按照https://firebase.google.com/docs/web/setup#from-the-cdn上的说明进行操作。 firebase.js已包括在内。实际上，正如您在我的屏幕快照中所看到的那样，它显示为已加载，并且在某个地方它还抱怨它被加载了两次。我也尝试了上述所有建议。但是仍然出现错误。

我确定我在做些愚蠢的事情，但不能指责。有人可以指导吗？

我的Chrome开发者工具屏幕截图：

如果您希望实时查看它，可以查看https://beegle.app/app

当前代码版本是

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script  src="https://www.gstatic.com/firebasejs/8.0.1/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/8.0.1/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later,measurementId is optional
  var firebaseConfig = {
    apiKey: "AIzahvhjgfhgfhhgHdz83W7qWM",    authDomain: "beegle-8767.firebaseapp.com",    databaseURL: "https://beegle-98798.firebaseio.com",    projectId: "beegle-7789",    storageBucket: "beegle-5465.appspot.com",    messagingSenderId: "876987975976",    appId: "1:7665456:web:98798789",    measurementId: "G-97867767"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();

</script>

<script>
// CODELAB: Register service worker.
if ('serviceWorker' in navigator) {
  window.addEventListener('load',() => {
    navigator.serviceWorker.register('/mapp-service-worker.js')        .then((reg) => {
          console.log('Service worker registered.',reg);
        });
  });
}
</script>

Edit1 ：（由于现在已删除答案）

（由于提出了使用'defer'的建议，尽管我已经提到我已经使用过它，所以我也在使用'defer'的同时发布了我代码的版本，因此很明显我已经尝试过（也许有人会发现我在使用“延期”时出错）

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script  defer src="https://www.gstatic.com/firebasejs/8.0.1/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  defer src="https://www.gstatic.com/firebasejs/8.0.1/firebase-analytics.js"></script>

<script defer src='/testenv/mapp-init-firebase.js'></script>

mapp-init-firebase.js：

  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later,measurementId is optional
  var firebaseConfig = {
    apiKey: "AIzaSydgjh3ot2p3049230o-EHdz83W7qWM",    authDomain: "beegle-3434.firebaseapp.com",    databaseURL: "https://beegle-3r4.firebaseio.com",    projectId: "beegle-3f43",    storageBucket: "beegle-fee34.appspot.com",    messagingSenderId: "23432tg3434",    appId: "1:34224352433:web:fj3434jkjr32",    measurementId: "G-vdfgfd3"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();

谢谢， 穆克什