最近在研究React Native APP 开发,但是按照官方给出来的搭建方案创建了一个AwesomeProject后,
执行 react-native run-android 安装Android APP后却是一屏大红幕报 Unable to resolve module ‘AccessibilityInfo’ 的异常,
然后给出了以下方案:
This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
3. Reset Metro Bundler cache: `rm -rf $TMPDIR/react-*` or `npm start -- --reset-cache`.
紧接着就是按照提供的方法去尝试解决这个问题啦,结果试了一圈,甚至还把整个工程项目重来,新建一个RnDemo1,
但是最终结果还是报这类异常,无奈了2天。
一向有着不解决问题就心里念念不忘难以入睡的我,始终想把问题解决,以推进我的RN学习计划啊,于是这周末继续在家搞,百度,谷歌,各种查,各种方案各种尝试,然而最终都是无功而返。
但我仍不放弃,继续找方案,终于,不负有心人啊,在Stack Overflow上得到提示,可能是react-native 和 react-native-cli版本问题导致的,于是查了一下各自的版本,如下:
react-native-cli: 2.0.1
react-native: 0.56.0
既然有可能是这版本号导致的问题,那就换用其他稳定的版本号呗。
react-native应该是0.55.4 比较稳定,react-native-cli 听一群里的大神说使用1.2.0更稳定,所以我把这旧版的都先uninstall了。
那就干吧,分别执行以下命令(注意噢,这样全局执行):
npm uninstall -g react-native-cli
npm install [email protected]
npm install -g [email protected]
react-native init --version="0.55.4" myprojectname
前面3条命令全局执行安装,最后一条命令转到自己的项目下去执行。
项目成功创建好了,我使用Android Studio打开这里面的android工程,修改了build gradle下的参数以使其可以在我的老古董手机(红米note1)上安装,安装后,再执行 react-native start 命令把整个项目运行起来,稍等了一会,Loading dependency graph,done 了,打开APP reload 了一下,成功把项目跑起来了,那个激动啊!
纠结了2-3天的问题解决了,在此记录下来,以便后来者少走弯路,也希望自己后续的学习即使是遇到问题也能够最终得以解决!