导入firebase初始化时报错Module not found: Can't resolve 'firebase'如何解决？

• 未在项目中安装firebase依赖包，自然无法找到对应模块
• 当前使用的import firebase from "firebase"是Firebase v8及之前版本的导入语法，若本地安装的是v9及以上的模块化版本，旧的默认导入方式已被官方废弃，就会抛出模块不存在的错误

• 打开项目根目录的package.json文件，检查dependencies字段下是否存在firebase条目，确认其安装的版本号
• 执行npm ls firebase命令，验证依赖是否实际安装成功，排除依赖安装中断、缓存损坏的异常情况

方案1：无需修改现有代码，降级安装Firebase v8 #

卸载可能存在的高版本firebase，安装指定v8版本即可：

npm uninstall firebase
npm install firebase@8.10.0

安装完成后重启开发服务，原有代码可以直接正常运行。

方案2：适配Firebase v9+模块化语法（推荐，打包体积更小） #

首先确保安装最新版本firebase：

npm install firebase

将原有初始化代码替换为模块化写法：

// 导入核心初始化方法
import { initializeApp } from "firebase/app";
// 导入需要的服务模块
import { getFirestore } from "firebase/firestore";
import { getAuth } from "firebase/auth";

const firebaseConfig = {
  apiKey: "AIzaSyCcPSKlYtpdzBoAC8soeSmIARMzVKzrf5I",
  storageBucket: "challenge-4b2b2.appspot.com",
  messagingSenderId: "962418448875",
  appId: "1:962418448875:web:f6cce5eeaf819481f661ae",
};

// 初始化firebase应用
const firebaseApp = initializeApp(firebaseConfig);

// 初始化对应服务
const db = getFirestore(firebaseApp);
const auth = getAuth(firebaseApp);

export { db, auth };

如果暂时不想全量调整旧代码，也可以临时使用兼容模式导入，原有逻辑无需修改：

import firebase from "firebase/compat/app";
import "firebase/compat/firestore";
import "firebase/compat/auth";

const firebaseConfig = {
  apiKey: "AIzaSyCcPSKlYtpdzBoAC8soeSmIARMzVKzrf5I",
  storageBucket: "challenge-4b2b2.appspot.com",
  messagingSenderId: "962418448875",
  appId: "1:962418448875:web:f6cce5eeaf819481f661ae",
};

const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
const auth = firebase.auth();

export { db, auth };

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