React Native版本升级

一、项目原使用的版本:

"react": "16.0.0-alpha.6", "react-native": "0.44.0",

在这里插入图片描述

二、React 与 React Native之间的关系:

  React基础框架,是一套基础设计实现理念,开发者不能直接使用它来开发移动应用或网页。在React之上发展出了React.js框架用来开发网页,发展出来React Native用来开发移动应用。从0.24版本开始,react-native还需要额外安装react模块,且对react的版本有严格要求,高于或低于某个范围都不可以。可以先尝试执行npm install,然后注意观察安装过程中的报错信息,例如 require react@某.某.某版本, but none was installed,然后根据这样的提示,执行npm install react@某.某.某版本 --save

三、了解如何升级

  3.1 可以选择打开https://react-native-community.github.io/upgrade-helper/官方升级助手,选择旧版、新版,查看怎么升级,我们可以方便的看出版本更新时各个配置脚本的改动,非常的方便。
  3.2 也可以选择直接参考官方教程:https://reactnative.dev/docs/upgrading
  3.3 在官方博客 获取版本更新的主要内容。
在这里插入图片描述

四、升级流程

4.1 查看react-native当前版本

react-native --version

4.2 查看react-native当前最新版

npm info react-native

在这里插入图片描述

4.3 查看react当前最新版

npm info react

在这里插入图片描述

4.4 升级最新版react-native

4.4.1 在项目里package.json文件,修改dependencies模块下的react-native的版本,修改为最新的版本。

在这里插入图片描述

4.4.2 执行npm install命令

  执行命令过程中如遇到问题,可参考npm报错解决方法

npm install

4.4.3 yarn install 与 npm install 区别

  npm install 命令安装的是 package.json 中的依赖,如果开发者在 package.json 中添加了新的依赖,npm install 也一样安装。 然而,yarn install 会优先安装 yarn.lock 中记录的依赖,没有这样的锁定文件时,才会去安装 package.json 中的依赖。
在这里插入图片描述

4.4.4 手动升级(适用于版本差异比较大)需要注意的内容

  1. 知道升级版本间的差异版本差异比较,输入版本号,得到版本之间的差异信息
  2. Android升级
      参照版本差异的比较结果,对Android目录进行一个文件一个文件的比较修改
      删除根目录下的node_modules,重新npm install,然后运行react-native run-android
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值