完整错误 如下图
图片描述

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

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

clipboard.png

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

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

clipboard.png

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

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

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

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

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

关于使用React Native开发app 遇到React Native version mismatch问题解决方式-脚本宝典
此处配置react-native:+ 表示项目编译打包时使用最新版本的react-native 是的没错就是0.55.3.....
问题就出现在这
所以我们将其改为

关于使用React Native开发app 遇到React Native version mismatch问题解决方式-脚本宝典
compile ("com.facebook.react:react-native:0.53.3") { force = true }
强制指定使用react-native:0.53.3版本

问题解决

本文固定链接: http://www.js-code.com/react/react_43063.html