Firebase报Uncaught TypeError无法读取initializeApp属性，firebase未定义如何解决

你当前使用的是Firebase v8版本的命名空间式调用语法，但你安装的Firebase为v9及以上版本，该版本默认采用ESM模块化导入规范，不再导出全局的firebase对象，因此导入后得到undefined，调用initializeApp时就会触发该报错。

提供两种可选修复方案：

方案1：兼容现有代码，降级到Firebase v8 #

适合不想修改现有代码的场景，操作步骤如下：

• 卸载当前安装的Firebase版本：
  npm uninstall firebase
• 安装v8最终稳定版：
  npm install firebase@8.10.0
• 重启项目即可，原有代码无需任何修改即可正常运行。

方案2：保留新版本，修改为v9+适配语法 #

v9+版本支持tree-shaking，打包后体积远小于v8，更推荐长期使用，修正后的代码如下：

import { initializeApp } from 'firebase/app'
import { getAuth } from 'firebase/auth'
import { getFirestore, serverTimestamp } from 'firebase/firestore'

const firebaseConfig = {
  apiKey: "XXX",
  authDomain: "XXX",
  projectId: "XXX",
  storageBucket: "XXX",
  messagingSenderId: "XXX",
  appId: "XXX",
  measurementId: "XXX"
}

// 初始化firebase
const app = initializeApp(firebaseConfig)

const projectAuth = getAuth(app)
const projectFirestore = getFirestore(app)
const timestamp = serverTimestamp

export { projectAuth, projectFirestore, timestamp }

如果版本确认无误仍报错，可尝试以下操作：

• 删除项目的node_modules文件夹、package-lock.json或yarn.lock文件，重新执行安装依赖命令
• 检查构建工具配置，确认没有将firebase错误配置为需排除的外部依赖

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