解决Firebase错误：未创建[DEFAULT]应用，请先调用initializeApp()

• 修正导入与导出的匹配方式
  你的初始化文件中是export default db（默认导出），但导入时用了解构语法import {db} from 'src/firebase/init.js'，这会导致无法正确获取db实例。将导入语句改为：

  import db from 'src/firebase/init.js'
  

• 确保Firebase仅初始化一次
  检查项目中是否有其他地方调用了initializeApp()，重复初始化会导致冲突。确保只有init.js文件中执行Firebase初始化逻辑，其他模块仅导入已初始化的db或app实例。

• 验证导入路径的准确性
  根据项目结构（假设组件位于src/components目录下），尝试使用相对路径导入：

  import db from '../firebase/init.js'
  

  如果使用绝对路径（src/...），需确认项目构建工具（如Vite、Webpack）是否已配置支持以src为根的绝对路径，若未配置，优先使用相对路径。

• 统一Firebase依赖版本
  检查package.json中所有Firebase相关依赖的版本是否一致（如firebase/app、firebase/firestore、firebase/auth），版本不兼容可能导致初始化异常。执行以下命令统一版本并重新安装依赖：

  npm install firebase@latest
  # 或使用yarn
  yarn add firebase@latest
  

• 调整初始化执行时机
  若导入db的代码在Firebase初始化完成前执行，也会触发该错误。可在项目入口文件（如main.jsx/main.tsx）中优先导入并执行Firebase初始化：

  // main.jsx
  import './firebase/init.js'
  import App from './App'
  // 后续挂载App的逻辑
  

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