使用Firebase托管功能时遇到一些问题

我现在正在做一个使用Firebase托管功能的项目。我遇到了一些问题，这是因为我的Javascript无法使用Firebase SDK，它在初始化后包含在html文件中。但是，我可以将Firebase SDK与CDN一起使用

托管特性初始化的SDK和CDN存储库的工作方式相同，对吗

以下是项目初始化为firebase托管项目后的目录照片

初始化后我有SDK，只是我把它移到body标签的最下面

  <!-- update the version number as needed -->
    <script defer src="/__/firebase/7.13.1/firebase-app.js"></script>
    <!-- include only the Firebase features as you need -->
    <script defer src="/__/firebase/7.13.1/firebase-auth.js"></script>
    <script defer src="/__/firebase/7.13.1/firebase-database.js"></script>
    <script defer src="/__/firebase/7.13.1/firebase-messaging.js"></script>
    <script defer src="/__/firebase/7.13.1/firebase-storage.js"></script>
    <!-- initialize the SDK after all desired features are loaded -->
    <script defer src="/__/firebase/init.js"></script>

但是，当我在使用SDK的CDN时，在html文件上执行相同的代码时，它是有效的

有人能回答我的问题吗

---

注意：按照文件中规定的程序初始化项目。我仔细检查了没有拼写错误。

加载SDK的

标记具有

defer

属性，这意味着它们将在完成所有其他操作后异步加载。您可能需要删除

defer

属性，或者在脚本周围添加一个

window.addEventListener（'DOMContentLoaded'，（）=>{}）

包装器。看，这对我不起作用。我在window.addEventListener（'DOMContentLoaded'，（）=>{}）下添加了firebase引用代码。请帮助加载SDK的

标记具有

defer

属性，这意味着它们将在完成所有其他操作后异步加载。您可能需要删除

defer

属性，或者在脚本周围添加一个

window.addEventListener（'DOMContentLoaded'，（）=>{}）

包装器。看，这对我不起作用。我在window.addEventListener（'DOMContentLoaded'，（）=>{}）下添加了firebase引用代码。请帮忙

<script>
firebase.database().ref('events').on('value',function(snapshot){
   var result=snapshot.val();
   result=JSON.stringify(result);
   document.getElementById("data").innerHTML=result;
});
</script>

Uncaught ReferenceError: firebase is not defined