使用firebase@9.0.2时出现Can't resolve 'firebase'模块未找到报错如何解决？

• 导入语句存在低级语法错误，你编写的import firebase from "from firebase";中，导入路径字符串里多写了冗余的from关键词，导致模块寻址路径完全错误，无法匹配到已安装的依赖包。
• 你使用的Firebase 9.x版本采用了模块化设计，移除了v8及更早版本支持的默认命名空间导出，哪怕你修正语法错误写成import firebase from "firebase"，也会因为v9不再提供该默认导出而触发报错。
• 额外可能原因：如果排除以上两个问题仍报错，可能是firebase依赖未正确安装到项目的node_modules目录中。

方法1：使用Firebase 9 推荐的模块化写法（推荐） #

这种写法打包体积更小，是官方主推的使用方式，导入时按需引入你需要的服务即可，完整的firebase.js示例如下：

// 导入核心初始化模块
import { initializeApp } from "firebase/app";
// 按需导入需要的服务，以下为认证、云数据库示例，可按需增减
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";

// 替换为你自己的Firebase项目配置
const firebaseConfig = {
  apiKey: "xxx",
  authDomain: "xxx",
  projectId: "xxx",
  storageBucket: "xxx",
  messagingSenderId: "xxx",
  appId: "xxx"
};

// 初始化实例
const app = initializeApp(firebaseConfig);
// 初始化服务并导出供业务代码使用
export const auth = getAuth(app);
export const db = getFirestore(app);

方法2：使用兼容包适配旧代码（仅用于历史项目迁移） #

如果你不想重构原有基于v8版本的代码，可以使用v9提供的兼容包，导入方式调整为：

// 导入兼容版的核心命名空间
import firebase from "firebase/compat/app";
// 按需导入对应服务的兼容版本
import "firebase/compat/auth";
import "firebase/compat/firestore";

const firebaseConfig = {
  // 同上替换为你的项目配置
};

firebase.initializeApp(firebaseConfig);
// 仍可使用v8版本的写法调用服务
export const auth = firebase.auth();
export const db = firebase.firestore();
export default firebase;

依赖校验操作 #

如果调整导入语法后仍报错，执行以下操作修复依赖安装问题：

• 删除项目根目录的node_modules文件夹、package-lock.json或yarn.lock文件
• 执行安装命令重新安装对应版本：npm install firebase@9.0.2

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