Unable to resolve module 'AccessibilityInfo' 的解决方案

 

最近在研究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天的问题解决了,在此记录下来,以便后来者少走弯路,也希望自己后续的学习即使是遇到问题也能够最终得以解决!

 

你可能感兴趣的:(Unable to resolve module 'AccessibilityInfo' 的解决方案)