React-Native删除第三方开源组件的依赖包

本文详细介绍如何彻底移除React Native项目中的react-native-video组件,包括npm卸载、从package.json中移除依赖以及清理Native模块相关配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我们安装第三方的开源组件是

npm install react-native-video --save,然后再输入react-native link,就自动向native 模块中添加了各处依赖和导包的操作但是如何删除呢?

只是删除组件

npm uninstall react-native-video

但是你会发现,在RN目录下的package.json文件中,这个组件依赖依旧存在。

首先需要删除在RN的package.json中的依赖,输入一下命令:

npm uninstall --save react-video

如果是组件作为devDependencies,需要加上-D。如果是从optionalDependencies中删除,还需要加上-o的参数,所心保险的

npm uninstall -s -D -O react-native-video

android

1.进入项目的android目录下,然后打开setting.gradle,删除下面现行依赖

include ':react-native-video'

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

2.然后进入android/app目录下,打开buid.gradle,删除dependencies代码块内的一行依赖:

compile project(':react-native-video')

3.打开android/app/src/main/java/com/包名/MainApplication.java

protected List<ReactPackage> getPackages() {

return Arrays.<ReactPackage>asList(

...

  new ReactVideoPackage(),//删除这行代码

);

}

同时别忘了删除import

 

最后欢迎大家访问我的个人网站:1024s​​​​​​​

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值