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

Love The Way You Lie 2022-05-17 07:50 236阅读 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 结构中给出了推荐的解决方法 ：

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

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

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

  1. react-native-cli: 2.0.1
  2. react-native: 0.56.0

将版本换为以下版本：

  1. react-native 0.55.4 ，
  3. react-native-cli 1.2.0，

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

  1. npm uninstall -g react-native-cli
  3. npm uninstall -g react-native

安装替换的：

  1. npm install -g react-native@0.55.4
  2. npm install -g react-native-cli@1.2.0

重新init脚手架：

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

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

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

7070 1

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

70 2

发表评论

表情：
评论列表 （有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读