Firebase导入报错求助：Module not found错误解决方法

错误原因 #

你使用import {db} from 'firebase';的导入方式完全错误：Firebase v9+采用模块化架构，根包firebase并没有导出db变量；而且你的db是自己在本地firebase-config.js中初始化并导出的实例，根本不属于Firebase官方包的导出内容。

解决步骤 #

• 修改Table.js中的导入语句，从你的本地配置文件导入db，而非firebase官方包。
  假设你的firebase-config.js位于项目src目录下，Table.js的导入语句应修改为：

  import { db } from '../../firebase-config'; // 路径根据你的文件实际位置调整
  

• 确认路径正确性：如果Table.js在src/components/pages/table/目录，firebase-config.js在src/根目录，那么相对路径就是../../firebase-config；若配置文件位置不同，对应调整路径层级即可。

补充说明 #

你的firebase-config.js已经正确完成了Firestore初始化并导出了db实例，后续所有需要使用数据库的组件，直接导入这个本地导出的db即可，无需再从Firebase官方包尝试导入不存在的内容。

内容的提问来源于stack exchange，提问作者chaitanya vardhan kopanati