React Native连接Firebase报No Firebase App[DEFAULT]错误如何解决

• 初始化时序错误：项目入口没有优先加载Firebase初始化文件，其他业务代码调用Firebase服务时，initializeApp()还未执行，默认应用实例不存在。
• 重复初始化冲突：React Native打包的热更新、模块重复加载场景下，多次无判断调用initializeApp()会导致实例创建异常，默认实例丢失。
• 服务调用方式错误：其他业务文件中直接从Firebase官方包导入服务方法，未传入你初始化的app实例，默认查找[DEFAULT]实例失败。
• 依赖异常：本地安装的Firebase SDK版本不兼容、依赖文件损坏，导致初始化逻辑没有正常生效。

1. 调整入口文件导入顺序
   在项目入口文件（index.js/App.js）的最顶部优先导入Firebase配置文件，保证初始化逻辑最先执行：

// 必须放在所有导入的最前面
import './src/firebase/firebaseConfig'; // 替换为你存放初始化代码的文件实际路径
import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

2. 给初始化逻辑加防重判断
   修改Firebase配置文件的代码，避免重复初始化：

import { initializeApp, getApp, getApps } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";

const RNfirebaseConfig = {
  apiKey: "........",
  authDomain: "note-app-rn.firebaseapp.com",
  projectId: "note-app-rn",
  storageBucket: "note-app-rn.appspot.com",
  messagingSenderId: ".....",
  appId: "......"
};

// 已存在实例则直接复用，不存在才初始化
const app = getApps().length ? getApp() : initializeApp(RNfirebaseConfig);
export const auth = getAuth(app);
export const db = getFirestore(app);

3. 统一服务导入方式
   所有业务代码中用到Firebase认证、数据库服务时，统一从你自己写的配置文件导入已经绑定app实例的auth、db，禁止直接从Firebase官方包导入服务后不传实例调用：

// 错误写法
import { getAuth } from "firebase/auth";
const auth = getAuth(); // 默认查找[DEFAULT]实例，时序不对直接报错

// 正确写法
import { auth, db } from '../firebase/firebaseConfig'; // 替换为你的配置文件路径

4. 修复依赖损坏问题
   如果以上操作后仍报错，清理依赖重新安装稳定版Firebase SDK：

# 删除旧依赖和锁文件
rm -rf node_modules package-lock.json yarn.lock
# 重新安装依赖
npm install
# 安装稳定版本Firebase SDK，避免使用beta/next版本
npm install firebase@10.12.0

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