文章目录

一、项目原使用的版本：
二、React 与 React Native之间的关系：
三、了解如何升级
四、升级流程
- 4.1 查看react-native当前版本
- 4.2 查看react-native当前最新版
- 4.3 查看react当前最新版
- 4.4 升级最新版react-native
- - 4.4.1 在项目里`package.json`文件，修改`dependencies`模块下的`react-native`的版本，修改为最新的版本。
  - 4.4.2 执行npm install命令
  - 4.4.3 yarn install 与 npm install 区别
  - 4.4.4 手动升级（适用于版本差异比较大）需要注意的内容

一、项目原使用的版本：

"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 手动升级（适用于版本差异比较大）需要注意的内容

知道升级版本间的差异版本差异比较，输入版本号，得到版本之间的差异信息
Android升级
参照版本差异的比较结果，对Android目录进行一个文件一个文件的比较修改
删除根目录下的node_modules，重新npm install，然后运行react-native run-android

React Native版本升级相关推荐

React Native 版本升级指南
前言 React Native 作为一款跨端框架,有一个最让人头疼的问题,那就是版本更新.尤其是遇到大版本更新,JavaScript.iOS 和 Android 三端的配置构建文件都有非常大的变动,有 ...
【独家】React Native 版本升级指南
前言 React Native 作为一款跨端框架,有一个最让人头疼的问题,那就是版本更新.尤其是遇到大版本更新,JavaScript.iOS 和 Android 三端的配置构建文件都有非常大的变动,有 ...
【转】【React Native开发】
[React Native开发]React Native控件之ListView组件讲解以及最齐全实例(19) [React Native开发]React Native控件之Touchable*系列组 ...
React Native从入门到实战--开发环境搭建
前言: 从今天起开启一门全新的课程学习,就是React Native,远在18年https://www.cnblogs.com/webor2006/p/9350428.html其实当时就已经做过开篇, ...
React Native专题
未经授权不得转载: 出处地址:http://www.lcode.org 本文出自:[江清清的技术专栏] 本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入 ...
React Native专题-江清清
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 刚创建的React Native交流8群:533435865 欢迎各位大牛, ...
React Native专题-江
(一).基本介绍: 江博客http://blog.csdn.net/jiangqq781931404/article/category/6055594 React Native For Android ...
React Native开发(一)
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 关于React Native各种疑难杂症,问题深坑总结方案请点击查看: Mac ...
React Native 拆分业务包 bundle拆包分包携程方案
引言 http://www.jianshu.com/p/333e11dbdc62 React Native以其独到的特性,吸引着互联网公司纷纷为之投入或多或少的人力.在实际的开发过程中,开发者们也确实 ...
大道至简——React Native在直播应用中的实践
声明:本文来自「七牛云主办的架构师实践日--亿级移动应用架构最佳实践」的演讲内容整理.PPT.速记和现场演讲视频等参见"七牛架构师实践日"官网. 嘉宾:卜赫,七牛云布道师. 责编: ...

React Native版本升级

文章目录

一、项目原使用的版本：

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

三、了解如何升级

四、升级流程

4.1 查看react-native当前版本

4.2 查看react-native当前最新版

4.3 查看react当前最新版

4.4 升级最新版react-native

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

4.4.2 执行npm install命令

4.4.3 yarn install 与 npm install 区别

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

React Native版本升级相关推荐

最新文章

热门文章

React Native版本升级

文章目录

一、项目原使用的版本：

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

三、了解如何升级

四、升级流程

4.1 查看react-native当前版本

4.2 查看react-native当前最新版

4.3 查看react当前最新版

4.4 升级最新版react-native

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

4.4.2 执行npm install命令

4.4.3 yarn install 与 npm install 区别

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

React Native版本升级相关推荐

最新文章

热门文章

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