Rebase无法识别已初始化的Firebase数据库问题求助

问题重现 #

使用firebase v9.9.4和rebase v4.0时，两种集成写法均报错：

1. 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')

2. 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;

报错：

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

核心原因 #

1. Rebase v4仅支持Firebase的命名空间API（compat兼容模式），不支持v9的模块化API，因此第二种写法传入的getDatabase()实例不符合要求。
2. 第一种写法报错，大概率是Firebase初始化失败（配置错误）或compat模块导入不完整，导致database()方法无法调用。

解决步骤 #

1. 修正兼容模式代码 #

使用Firebase compat模式，并确保只初始化一次App，传入正确的数据库实例：

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

// 从Firebase控制台复制完整配置，确保databaseURL与控制台一致
const firebaseConfig = {
  apiKey: "xxx",
  authDomain: "xxx.firebaseapp.com",
  databaseURL: "https://xxx.europe-west1.firebasedatabase.app",
  projectId: "xxx", // 可选，按需添加
  storageBucket: "xxx.appspot.com", // 可选
  messagingSenderId: "xxx", // 可选
  appId: "xxx" // 可选
};

// 避免重复初始化App
const firebaseApp = firebase.apps.length > 0 
  ? firebase.app() 
  : firebase.initializeApp(firebaseConfig);

// 获取命名空间风格的数据库实例
const db = firebaseApp.database();

// 创建Rebase实例
const base = Rebase.createClass(db);

export { firebaseApp };
export default base;

2. 验证Firebase数据库初始化状态 #

添加日志和测试代码，确认初始化是否成功：

// 验证App初始化
console.log("Firebase App 状态:", firebaseApp.name); // 输出"[DEFAULT]"表示成功

// 验证数据库连接
db.ref('test').once('value')
  .then(snapshot => console.log("数据库连接正常，测试节点数据:", snapshot.val()))
  .catch(err => console.error("数据库连接失败:", err));

• 若打印出App名称和数据库数据/权限错误，说明初始化成功；
• 若仍报错，检查：
  • Firebase控制台是否已启用Realtime Database服务；
  • databaseURL是否与控制台中的地址完全一致（注意地域后缀）；
  • 配置中的apiKey等信息是否复制正确。

3. 关键注意事项 #

• Rebase v4不支持Firebase v9模块化API，必须使用compat模式；
• 确保Rebase.createClass()传入的是firebaseApp.database()返回的命名空间实例，而非模块化的getDatabase()实例；
• 测试环境可临时放宽Realtime Database规则（控制台→Realtime Database→规则），避免权限问题干扰调试：

  {
    "rules": {
      ".read": true,
      ".write": true
    }
  }
  

  生产环境务必修改为安全规则。

内容的提问来源于stack exchange，提问作者efreeman