连接到实时数据库 Web 时未定义 Firebase

Question

我正在尝试将我的实时 Firebase 数据库连接到我的 Web 应用程序并最终将数据存储在其中。

我在加载 HTML 文件时一直运行遇到同样的问题。我在控制台中得到的错误是 Uncaught ReferenceError: firebase is not defined.

这是我的脚本的样子：

<script type="module">

      import { initializeApp } from "https://www.gstatic.com/firebasejs/9.5.0/firebase-app.js";
      import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.5.0/firebase-analytics.js";

      const firebaseConfig = {
        apiKey: "<api key>",
        authDomain: "<domain>",
        databaseURL: "<db url>",
        projectId: "<project id>",
        storageBucket: "<bucket>",
        messagingSenderId: "<id>",
        appId: "<app id>",
        measurementId: "<id>"
      };

      const app = initializeApp(firebaseConfig);
      const analytics = getAnalytics(app);

      var database = firebase.database();
      var postListRef = database.ref('posts');
      var newPostRef = postListRef.push();
      newPostRef.set({
        "post1": "testing"
      });

</script>

Answer 1

您正在使用新的 v9 模块化 SDK 语法从 Firebase 导入函数。在该语法中，您拥有像 getDatabase() 这样的顶级函数，而不是像 firebase.database().

这样的对象

代码段中实时数据库代码的等效项是：

var database = getDatabase(app);
var postListRef = ref(database, 'posts');
var newPostRef = push(postListRef);
set(newPostRef, {
  "post1": "testing"
});

我建议将 reading and writing data, appending data to a list, and the modular upgrade guide 上的 Firebase 文档放在手边。

如果您现有的实时数据库代码较多，可以先importing the compat path分步迁移：

import firebase from 'firebase/compat/app';
import 'firebase/compat/database';

连接到实时数据库 Web 时未定义 Firebase

Firebase is not defined when connecting to Realtime Database Web

javascript

firebase

firebase-realtime-database

uncaught-reference-error