React Native Unable to resolve module 'AccessibilityInfo', when trying to create release bundle

最新推荐文章于 2020-08-05 11:06:30 发布

原创最新推荐文章于 2020-08-05 11:06:30 发布 · 500 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react-native #AccessibilityInfo

本文详细记录了解决React Native项目中无法解析AccessibilityInfo模块错误的过程。通过降级React Native版本，更新Babel核心和加载器，以及更换Babel预设，最终成功解决了bundling失败的问题。

react native 新建项目 react-native init demo后，运行react-native run-android

报错

Unable to resolve module `AccessibilityInfo` from `C:\Users\godha.pranay\project\node_modules\react-native\Libraries\react-native\react-native-implementation.js`: Module does not exist in the module map



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`.  4. Remove haste cache: `rm -rf $TMPDIR/haste-map-react-native-packager-*`.

试了上面下上面的提示的命令，都不咋行。最后在stackoverflow上找到解决方法，命令如下

react-native init AwesomeProject //创建项目
cd AwesomeProject //cd到根目录
react-native run-android //运行报错
npm uninstall react-native //卸载react-native最新版本
npm install --save react-native@0.55.4 //安装0.55.4版本
react-native run-android //运行还报错，bundling failed: Error: Plugin 0 specified in...
//执行如下命令，最后成功解决问题。
npm install --save babel-core@latest babel-loader@latest
npm uninstall --save babel-preset-react-native
npm install --save babel-preset-react-native@4.0.0
react-native run-android

============其他解决办法，未测试=============
//卸载
npm uninstall react-native
npm uninstall -g react-native-cli
//安装
npm install react-native@0.55.4
npm install -g react-native-cli@1.2.0

链接地址：https://stackoverflow.com/questions/48756550/unable-to-resolve-module-accessibilityinfo-when-trying-to-create-release-bund