关于使用React Native开发app 遇到React Native version mismatch问题解决方式

完整错误 如下图

该问题突然出现,之前一切正常。现在分享下,对于这个问题的心路历程以及解决方法

1.看到问题第一时间想到的是查看项目package.json 看react-native的版本

发现版本确实是0.53.3 ,但是为什么会出现native 版本为0.55.3呢?
查看svn提交记录,是否有更改过package.json,并没有。

2.接着怀疑可能是yarn下的react native的版本可能有问题
所以到项目目录下node_modules\react-native\package.json

发现版本依旧没问题是0.55.3
然后 不死心删除整个node_modules 重新yarn下载依赖
当然依然无法解决问题。

3.怀疑设备出现问题,所以重启电脑,重启手机,换上同事的测试机机,在同事的电脑上检出项目运行,均出现上述问题。

致辞排除 设备问题 以及 项目配置上的问题

4.怀疑出现的问题原因为react-native run-android 过程中react-native版本出现问题
根据查询资料(bing搜索问题)终于找到解决方法

问题在于android/app/build.gradle 这个文件里面的一个配置


此处配置react-native:+ 表示项目编译打包时使用最新版本的react-native 是的没错就是0.55.3.....
问题就出现在这
所以我们将其改为


compile ("com.facebook.react:react-native:0.53.3") { force = true }
强制指定使用react-native:0.53.3版本

问题解决

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...