努力重新获得基础以识别我初始化的 firebase DB

Question

我正在研究一些 ReactJS 教程，我之前已经看过它们，但我有一点更新，因为我已经有一段时间没有理由使用 ReactJS 了。 自从我上次查看以来，firebase / rebase 发生了一些变化，并且示例代码无法完成我需要它做的工作。

这是使用firebase兼容版本的代码

import Rebase from 're-base';
import firebase from 'firebase/compat/app';
import 'firebase/compat/database';

const firebaseApp = firebase.initializeApp({
  apiKey: "xxx",
  authDomain: "xxx.firebaseapp.com",
  databaseURL: "https://xxx.europe-west1.firebasedatabase.app",
});

const base = Rebase.createClass(firebaseApp.database());

export { firebaseApp }

export default base;

这是这种方法产生的错误：

TypeError: Cannot read properties of undefined (reading 'database')

这是 firebase V9 方法：

import Rebase from 're-base';
import { initializeApp } from 'firebase/app';
import { getDatabase } from 'firebase/database';

const firebaseApp = initializeApp({
  apiKey: "xxx",
  authDomain: "xxx.firebaseapp.com",
  databaseURL: "https://xxx.europe-west1.firebasedatabase.app",
});

const base = Rebase.createClass(getDatabase(firebaseApp));

export { firebaseApp }

export default base;

这是我在 v9 方法中遇到的错误：

REBASE: Rebase.createClass failed. Expected an initialized firebase or firestore database object.

据我所知，数据库初始化良好。 我已经尝试了整个 firebase / 初始化应用程序 / 从另一个组件中获取数据库步骤，控制台注销了对我来说看起来像数据库 object 的内容（但新手注意事项适用于此）

我错过了什么？ 我忽略了数据库是否有一些明显的配置步骤？

如何确认我的 firebase 数据库实际上已初始化？ 为什么 Rebase 在背后如此痛苦？

以供参考：

firebase：v9.9.4 / 变基：v4.0

Answer 1

@efreeman，您的问题是 Firebase 9 的更新。您需要使用课程starter files中提供的 Firebase 8.10.0。

https://github.com/wesbos/React-For-Beginners-Starter-Files/blob/master/catch-of-the-day/package.json

您可以恢复package.json文件并重新安装 npm 包。

Re-base不兼容Firebase 9