升级Firebase至v9后安装react-firebaseui出现依赖冲突如何解决
问题解决方法
安装适配Firebase v9的对应组件版本
react-firebaseui 6.0.0及以上版本已正式完成对Firebase v9的适配,直接安装最新稳定版即可解决依赖冲突问题:npm install --save react-firebaseui@latest临时跳过依赖校验
如果受项目其他依赖限制暂时无法升级到适配版本,可添加--legacy-peer-deps参数强制安装,该参数会绕过npm 7及以上版本的对等依赖校验规则,现有FirebaseUI逻辑配合Firebase官方兼容层可正常运行:npm install --save react-firebaseui --legacy-peer-deps代码兼容层调整
如果安装完成后运行时出现报错,调整Firebase的导入逻辑使用官方兼容层即可,原有FirebaseUI组件的调用逻辑无需修改:
// 替换原有firebase导入语句 import firebase from 'firebase/compat/app' import 'firebase/compat/auth' // react-firebaseui导入和用法保持原有写法不变 import StyledFirebaseAuth from 'react-firebaseui'
- 原生模块化API适配
若需要使用Firebase v9的tree-shaking优化特性不想引入兼容层,直接使用6.0.0及以上版本的react-firebaseui,按v9原生规范初始化Firebase即可正常调用组件。
内容的提问来源于stack exchange,提问作者Redneys
相关产品推荐
相关产品推荐

