【问题标题】:Firebase web app: firebase.database is not a function [duplicate]Firebase Web 应用程序:firebase.database 不是函数 [重复]
【发布时间】:2020-04-18 13:48:18
【问题描述】:

我正在开发一个 Android 应用程序,它允许人们登录并为游乐园添加他们的数据,我还需要一个应用程序来查看存储在 PC 上的数据库中的数据(例如姓名、生日、孩子等) .我曾尝试编写一个 Web 应用程序,但在将其连接到数据库时遇到问题。我是数据库新手,所以它可能来自我的代码,有人可以帮助我吗?该应用程序只需要一直向我显示数据库并在有人注册时更新。

目前,我收到此错误:

Uncaught TypeError: firebase.database is not a function
    at index.html:33
    at index.html:66

这是我的index.html 文件:

<html>
  <head>
    <meta charset="utf-8"/>
    <script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-analytics.js"></script>

    <title>Freaky Firebase Example</title>
  </head>
  <body>
    <h1>Freaky Firebase Realtime Database Example</h1>

    <pre id='object'></pre>


    <script>
      (function(){


        // Initialize Firebase
        var firebaseConfig = {
          apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX",
          authDomain: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX.com",
          databaseURL: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX.com",
          projectId: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX",
          storageBucket: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX.com",
          messagingSenderId: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX",
          appId: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX",
          measurementId: "XXXXXXXXXXXXXXXXXXXXXXXXXXXX"
        };
        firebase.initializeApp(firebaseConfig);
        firebase.analytics();

        var userDataRef = firebase.database().ref("UserData").orderByKey();
        userDataRef.once("value").then(function(snapshot) {
          snapshot.forEach(function(childSnapshot) {
            var key = childSnapshot.key;
            var childData = childSnapshot.val();              

            var name_val = childSnapshot.val().Name;
            var id_val = childSnapshot.val().AssignedID;

            $("#name").append(name_val);
            $("#id").append(id_val);

          });
        });

        /* Data Event Listeners Start */
        const preObject = document.getElementById('object');
        const dbRefObject = firebase.database().ref().child('object');

        dbRefObject.on('value', snap => {

          console.log(snap.val()); 
          preObject.innerText = JSON.stringify(snap.val(), null, 3);

        }, function(error) {
          // The fetch failed.
          console.error(error);
        });


        /* Stop */


      }());
    </script>


  </body>
</html>

【问题讨论】:

  • 这是错误代码:Uncaught TypeError: firebase.database is not a function at index.html:33 at index.html:66

标签: javascript database firebase function firebase-realtime-database


【解决方案1】:

除了firebase-appfirebase-analytics,您还必须导入firebase-database 服务。

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

【讨论】:

  • 不幸的是,仍然没有任何反应,没有显示任何内容,控制台中也没有任何内容......
猜你喜欢
  • 2021-09-21
  • 2020-07-17
  • 2017-10-24
  • 2020-10-24
  • 1970-01-01
  • 2021-08-18
  • 2021-11-05
相关资源
最近更新 更多