react-native入门----Unable to resolve module ‘AccessibilityInfo’ 错误（三）

Love The Way You Lie 2022-05-17 07:50 140阅读 0赞

前面主要是搭建了各种环境，虚拟机等等。本次主要是讲react-native入门搭建基础脚手架遇到的坑。。。

按照官方的说法，安装完各种环境以后直接安装脚手架，cd到所在目录直接就能运行进入到欢迎界面了。

**npm install -g yarn react-native-cli**

**react-native init AwesomeProject**

**cd AwesomeProject**

**react-native run-android**

我的电脑window的，按照对应的操作就无情的报错了，直接红屏。

# **Unable to resolve module ‘AccessibilityInfo’** 的异常 #

在 异常的返回的JSON 结构中给出了推荐的解决方法 ：

This might be related to https://github.com/facebook/react-native/issues/4968\n
    
    To resolve try the following:\n  
    
    1. Clear watchman watches: `watchman watch-del-all`.\n  
    
    2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  
    
    3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  
    
    4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`."

结果是都不行的。根据网上的资源，这是版本的问题。

目前我所使用的默认版本：

react-native-cli: 2.0.1
    react-native: 0.56.0

将版本换为以下版本：

react-native 0.55.4 ，
    
    react-native-cli 1.2.0，

卸载之前默认的最新版本：

npm uninstall -g react-native-cli
     
    npm uninstall -g react-native

安装替换的：

npm install -g react-native@0.55.4
    npm install -g react-native-cli@1.2.0

重新init脚手架：

react-native init --version="0.55.4" myFirstApp

再cd到myFirstApp,执行react-native run-android

等一会发现自动启动了一个node服务，第一次编译时间会稍长，过一会虚拟安卓机上就自动安装了一个应用，即myFirseApp，点击进去就是欢迎的界面了。

![70][]![70 1][]

剩下的大家对着官方的api就可以独自练习了，我也是刚看了一点，在虚拟安卓机上，连续按两下r键就可以更新后的手机视图。

![70 2][]

[70]: https://img-blog.csdn.net/20180808173057685?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTEzODgx/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20220517/d29d179100f3483b809334ae6fd9be80.png
[70 2]: /images/20220517/eb4617f5b112469a8ebe79d294224ec9.png