如何更新React Native

最新的React Native已经更新到了0.33.0,如何更新自己已经搭建好的React Native开发环境呢,我按照以下步骤完成了更新,现记录下来,供有需要的人参考。

1.查看 react native 的最新版本。

进入项目根目录,命令行执行
npm info react-native

查看当前版本react-native --version

2.在项目目录下修改package.json文件,将下列代码中的 react-native 改为最新版本

  "dependencies": {
    "react": "^0.14.8",
    "react-native": "^0.33.0"
  }

3. 命令行执行

npm install --save react-native@0.33.0

如果升级后出现类似于
react-native@0.33.0 requires a peer of react@~15.3.1 but none was installed.

执行
npm install --save react@~15.3.1

4. 运行程序

如果更新后执行react-native run-android不能正确运行,而是出现类似:
Could not find com.facebook.react:react-native:0.23.0.
错误,或者在Android Studio中直接运行app时报错:
Android Studio failed to resolve com.facebook.react:react-native:0.23.0
那么可以按照下列命令修复,首先在命令行中执行:
npm i
执行完毕且不报错后,执行下面的命令,注意,在执行命令之后,某些文件可能会产生冲突,请确保你的本地文件记录可以恢复(在Android Studio中可以查看历史记录来恢复文件)
react-native upgrade

执行上面的命令可能会提示你是否覆盖文件。在解决冲突之后重新运行App即可。

如果还有问题,可以更新一下npm和Node.js再试

  • 如何更新npm
    npm install -g npm
  • 如何更新Node.js
    npm update node.js
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容