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

Question

我现在正在使用Firebase托管功能进行项目。而且我遇到了一些问题，这是因为我的Javascript无法使用Firebase SDK（初始化后html文件中包含的Firebase SDK）。但是，我可以将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>

下面是我用来测试它是否有效的Javascript部分，我将其放在SDK下。

<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

但是，当我在使用SDK的CDN时在html文件上执行相同的代码时，它就可以工作。

任何人都可以回答我的问题吗？

P.S .：按照文档中所述的步骤初始化项目。而且我再次检查了没有拼写错误。