React安装firebase后引入提示Module not found找不到模块如何解决

1. 确认依赖安装成功 #

• 打开项目根目录的package.json，检查dependencies字段下是否存在firebase条目
• 如果没有对应条目，重新执行安装命令：npm i firebase，安装失败可切换国内源执行：npm i firebase --registry=https://registry.npmmirror.com

2. 修正导入语法 #

该报错绝大多数情况是Firebase v9及以上版本废弃了旧的全局导入语法导致，可二选一解决：

• 方案一：继续使用旧写法，安装v8版本的firebase
  执行命令：npm i firebase@8.10.0，安装完成后原有import firebase from "firebase"语句可直接正常使用
• 方案二：使用新版本模块化导入语法
  替换原有导入语句，按需导入对应模块即可，示例如下：

  // 导入核心模块
  import { initializeApp } from "firebase/app";
  // 按需导入所需服务，如认证、云数据库
  import { getAuth } from "firebase/auth";
  import { getFirestore } from "firebase/firestore";
  

3. 清除缓存重试 #

如果以上操作完成后仍然报错，执行以下操作重置依赖：

• 停止运行中的项目
• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 重新执行npm install安装所有依赖
• 重启项目即可解决

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