React Native配置Firebase时出现@firebase/app默认导出报错如何解决
问题原因
这个报错是因为Firebase 8.x版本的默认导出对象没有放在firebase根包路径下,同时服务依赖的导入写法也有误。
修复步骤
- 修改导入语句
将你现有的导入代码替换为以下内容:
import firebase from 'firebase/app'; import 'firebase/auth'; import 'firebase/firestore';
注意不要给服务导入路径加@前缀,默认导出的firebase对象仅在firebase/app路径下提供
- 原有初始化逻辑保持不变
后续的配置初始化、导出代码不需要修改:
const firebaseConfig = { // 你的项目配置参数保持不变 }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); } export { firebase };
异常排查
如果修改后仍有报错,可以按顺序执行以下操作清理缓存:
- 删除项目根目录下的
node_modules文件夹、package-lock.json(npm用户)或yarn.lock(yarn用户)文件 - 重新执行
npm install或yarn install安装依赖 - 启动打包服务时添加清空缓存参数:
npx react-native start --reset-cache
内容的提问来源于stack exchange,提问作者user1723583
相关产品推荐
相关产品推荐

