ReactNative 本地文件访问 react-native-fs Android配置所遇到的坑

最新推荐文章于 2025-03-28 09:37:50 发布

学生黄哲

最新推荐文章于 2025-03-28 09:37:50 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

文章标签： React Native -fs RN配置

本文链接：https://blog.youkuaiyun.com/qq_43015501/article/details/84531685

本文详细介绍了在React Native项目中配置react-native-fs模块遇到的Android编译失败问题及其解决方案。作者分享了如何正确配置Android环境，包括settings.gradle、build.gradle和MainApplication.java的修改，以及强制添加okhttp依赖的方法。

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

事件背景：react-native-fs配置完毕之后在Android无法使用，无法编译通过；

安装：npm install react-native-fs --save

如果 RN版本<0.57或者Gradle < 3：需要安装：npm install react-native-fs@2.11.17
–save

本人的RN版本0.44.3所以遇到了坑，官方npm上的配置也一步步配置了，发现在ios没有问题，但是在android上不能运行，不能编译通过。百度上也没有此类问题的解决方案。绞尽脑汁。所以想分享给大家，避免有人以后和我犯一样的错误。
官方:android需要配置

(1)在android/settings.gradle添加上
include ‘:react-native-fs’

project(’:react-native-fs’).projectDir = new File(settingsDir, ‘…/node_modules/react-native-fs/android’)

(2)在android/app/build.gradle的dependencies里添加上
compile project(’:react-native-fs’)

(3)在android/app/src/main/java/com/blockwallet/MainApplication.java里添加

import com.rnfs.RNFSPackage; // <------- 此条 

public class MainApplication extends Application implements ReactApplication {

   // ... 

    @Override

    protected List<ReactPackage> getPackages() {

      return Arrays.<ReactPackage>asList(

        new MainReactPackage(), // <---- 此条  

        new RNFSPackage() // <---------- 此条  

      );

}

一般以上三步都可以自动link上

使用此指令：react-native link react-native-fs

所以你需要做的只是去检查一下。

附上npm的地址：https://www.npmjs.com/package/react-native-fs

如果你配置完成以后还是不行，那么你可能和我遇到了一样的问题。怼着电脑一个下午发现只是缺少了依赖。

你只需要在你的android/app/build.gradle里面添加上

configurations.all {

resolutionStrategy {

// 添加依赖

        force'com.squareup.okhttp3:okhttp:3.4.1'

    }

}

在这里插入图片描述