React Native集成Firebase触发database is not a function报错如何解决

根因说明 #

该报错的核心原因是使用Firebase compat兼容版本开发时，仅导入了核心的app包，没有引入Realtime Database对应的兼容包，导致初始化后的Firebase实例上没有挂载database方法。同时代码中还存在新旧API混用的问题，也会触发异常。

修复步骤 #

1. 修改firebase-config.js配置文件，新增Realtime Database兼容包导入：

import Firebase from 'firebase/compat/app';
// 新增以下导入语句
import 'firebase/compat/database';

const firebaseConfig = {
  apiKey: '',
  databaseURL: '',
  projectId: '',
  appId: '',
};

export default Firebase.initializeApp(firebaseConfig);

2. 修改Messages.js文件，统一使用compat版本API，修正receiveMessage函数中新旧API混用的问题：

import Firebase from './firebase-config';

export const sendMessage = async (from, to, message) => {
  try {
    return await Firebase.database()
      .ref('messages/' + from)
      .child(to)
      .set({
        from: from,
        to: to,
        message: message,
      });
  } catch (error) {
    console.log(error);
  }
};

export const receiveMessage = async (from, to, message) => {
  try {
    // 替换原getDatabase调用为compat版本写法
    return await Firebase.database()
      .ref('messages/' + to)
      .child(from)
      .push({
        from: from,
        to: to,
        message: message,
      });
  } catch (error) {
    console.log(error);
  }
};

额外排查点 #

如果完成上述修改后仍有问题，按以下顺序排查：

• 确认安装的firebase包版本为9.x及以上，只有v9及以上版本提供compat兼容包
• 确认Firebase控制台已开启Realtime Database服务，且配置文件中databaseURL字段填写正确
• 确认Realtime Database的权限规则允许当前用户执行写入操作，测试阶段可临时设置为公开规则验证功能

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