npm更新&引用&删除第三方组件

引用第三方组件

1. 引入第三方库,输入如下命令：

$ npm install [第三方库] --save

eg:

$ npm install react-native-vector-icons --save

命令执行完成之后，在文件 package.json 中会有引入的项目。

安装指定版本：$ npm i react-native-xxx --save@0.xx.xx

...
"dependencies": { 
    "react": "16.8.3",
    "react-native": "0.59.2", 
    "react-native-vector-icons": "^6.4.2" 
 }, ...

2. 将第三方库链接到项目,输入如下命令：

$ react-native link

删除第三方组件

1. 删除在项目中 package.json中的依赖，输入如下命令：

$ npm uninstall react-native-vector-icons

$ react-native unlink react-native-vector-icons 或

2. 进入项目下的 android 目录下，然后打开 setting.gradle，删除下面两行依赖：

include ':react-native-vector-icons' 
project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

3. 进入 android/app 目录下，打开 build.gradle，删除 dependencies 代码块内的一行依赖：

implementation project(':react-native-vector-icons')

4. 打开 android/app/src/main/java/com/包名/MainApplication.java,找到 RN 调用的原生方法new ReactVideoPackage(),删除这行代码及导的包。

import com.oblador.vectoricons.VectorIconsPackage; 
new VectorIconsPackage(),

5. 如果你在项目中已经用了这个组件，在你调用的 js 文件中你还要删除该组件：

import Icon from 'react-native-vector-icons/Ionicons';

6. 使用 react-native run-ios 或者 react-native run-android 重新运行项目。

更新第三方组件

1. 首先使用npm outdated命令查看当前有哪些组件或者第三方库版本有版本更新（红色字体的）

2. 然后在package.json文件里面找到jshare-react-native，修改版本号至最新版本号（1.1.5）。

3. 然后执行npm update jshare-react-native（如果命令后面不写jshare-react-native将会把可以更新的（红色字体的）全部更新）

npm清除缓存

有时候，执行npm install安装会失败，可以执行这个命令

npm cache verify

查看组件版本

1. react-native --version