firebase.database 不是函数错误 - html 页面答案

【问题标题】：firebase.database is not a function error - html pagefirebase.database 不是函数错误 - html 页面
【发布时间】：2020-11-26 12:47:49
【问题描述】：

我一直在试图弄清楚如何将 firebase 连接到 HTML 页面，但我不断收到错误消息，提示 firebase.database 不是函数。我已经为此寻找了很多解决方案，但大多数都不适用。

我已经尝试将<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-app.js"></script> 更改为<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase.js"></script>

我也尝试过使用import 命令导入firebase，而不是按照此解决方案使用src 链接：https://github.com/firebase/firebase-js-sdk/issues/1265，但找不到包。

以下是适用的代码：

   <div>
        <h1>Firebase web app</h1>
        <button id="submitBtn" onclick="submitClick()">click here</button>
    </div>


    <script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-storage.js"></script>

    <script>

        //Stats hidden for privacy, but I got this from a copy paste from my firebase SDK config snippet
        const firebaseConfig = {
            apiKey: (key),
            authDomain: (domain),
            databaseURL: (URL),
            projectId: (id),
            storageBucket: (storageBucket),
            messagingSenderId: (senderId),
            appId: (appId)
         };
        firebase.initializeApp(firebaseConfig);

        function submitClick() {
            var firebaseRef = firebase.database().ref();

            firebaseRef.child("Text").set("some Value");
        }

    </script>

【问题讨论】：

标签： html firebase firebase-realtime-database

【解决方案1】：

您没有导入 firebase-database.js SDK，它定义了 firebase.database()。

要修复它，请添加：

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

一般情况下：您应该只包含您实际使用的 SDK。因此，使用您当前的代码，那就是 firebase-app 和 firebase-database。

【讨论】：