React Native Expo 43.0.2集成Firebase 9.8.0时出现模块解析错误求助

你的问题根源很明确：Firebase 9.x采用了全新的模块化架构，不再提供旧版本那种单一的入口文件（也就是报错里找不到的D:\PROJDIR\node_modules\firebase\index），而你的初始化代码大概率还在使用旧版Firebase的导入方式，再加上Metro bundler对新模块化结构的解析规则，就导致了这个错误。下面是具体的解决步骤：

1. 修正Firebase初始化代码的导入方式 #

彻底放弃旧版的import firebase from 'firebase'写法，改用Firebase 9.x的模块化导入模式。修改你的src/Config/Firebase.js文件如下：

// 导入Firebase核心模块
import { initializeApp } from 'firebase/app';
// 根据你的需求导入具体服务（示例为Auth和Firestore）
import { getAuth } from 'firebase/auth';
import { getFirestore } from 'firebase/firestore';

// 你的Firebase项目配置（从Firebase控制台复制）
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// 初始化Firebase App实例
const app = initializeApp(firebaseConfig);

// 初始化所需的服务实例
const auth = getAuth(app);
const db = getFirestore(app);

// 导出服务实例供项目其他地方使用
export { auth, db };

2. 重新安装依赖确保完整性 #

有时候依赖安装可能出现缓存或损坏问题，执行以下命令重新安装适配版本的Firebase：

# 先卸载现有Firebase包
npm uninstall firebase
# 用Expo官方命令重新安装指定版本
expo install firebase@9.8.0

Expo 43.0.2和Firebase 9.8.0是兼容的，无需担心版本匹配问题。

3. 配置Metro Bundler解析CJS模块（可选） #

Firebase 9.x的部分内部模块使用了.cjs扩展名，而Metro默认不会解析这类文件。如果执行前两步后仍有问题，在项目根目录创建或修改metro.config.js文件：

const { getDefaultConfig } = require('@expo/metro-config');
const config = getDefaultConfig(__dirname);

// 添加对CJS扩展名的支持
config.resolver.sourceExts.push('cjs');

module.exports = config;

修改后重启Expo开发服务器即可生效。

补充说明 #

Firebase 9.x的package.json中，main字段只是一个兼容占位，实际模块导入是通过exports字段管理的。旧版导入方式会强制读取main指向的路径，而该路径并不存在，这就是你看到错误的核心原因。切换到模块化导入后，就能正确解析Firebase的模块结构了。

内容的提问来源于stack exchange，提问作者M.Kalidass