如何解决TypeError: Cannot read property 'initializeApp' of undefined（Hermes引擎）？

这个错误的核心原因是你使用的Firebase版本为v9及以上，但代码仍采用v8及更早版本的命名空间导入方式。Firebase v9+默认采用模块化导出，原有的import firebase from "firebase/app"会得到undefined，自然找不到initializeApp方法。

以下是三种可行的解决方案：

方案一：降级到Firebase v8版本 #

如果不想修改现有代码结构，可以直接降级到兼容原有写法的v8版本：

• 卸载当前Firebase版本：

  npm uninstall firebase
  

• 安装v8稳定版（以8.10.0为例）：

  npm install firebase@8.10.0
  

• 保持你现有的代码不变，即可正常运行。

方案二：改用Firebase v9+的模块化写法（推荐） #

Firebase v9+采用Tree Shaking机制，能大幅减少打包体积，推荐使用官方推荐的模块化写法：

// 导入所需的模块化函数
import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getDatabase } from "firebase/database";

const firebaseConfig = {
    apiKey: "******",
    authDomain: "*****",
    databaseURL: "*****",
    projectId: "****",
    storageBucket: "****",
    messagingSenderId: "****",
    appId: "****",
    measurementId: "****"
};

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

// 获取各服务实例并导出
export const auth = getAuth(app);
export const db = getFirestore(app);
export const database = getDatabase(app);
export { app };

方案三：使用v9+的兼容模式（过渡方案） #

如果想升级到v9+但暂时不想大规模修改代码，可以使用compat兼容层：

// 改用compat路径导入
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
import 'firebase/compat/database';

// 后续初始化代码与你原来的写法完全一致
const firebaseConfig = {
    // 你的配置信息
};

firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
export const app = firebase.app();
export const db = firebase.firestore();
export const database = firebase.database();

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