React Native Fetch Blob集成报错求助：类型不兼容及类找不到

这两个报错本质上都是ExpoKit对OkHttp库做了定制化封装，和react-native-fetch-blob（以下简称RNFB）的默认依赖逻辑冲突导致的，我来给你逐个拆解并解决：

错误原因拆解 #

1. OkHttpClient类型不兼容
   ExpoKit为了适配自身生态，把OkHttp的核心类封装在了expolib_v1.okhttp3命名空间下，而RNFB默认引用的是标准的okhttp3包路径，所以编译器会认为这是两个完全不同的类型，无法转换。

2. JavaNetCookieJar找不到
   JavaNetCookieJar是OkHttp3中的类，但同样因为ExpoKit的包路径定制，RNFB按照标准路径去查找时找不到这个类；或者是RNFB使用的OkHttp版本和ExpoKit内置版本不一致，导致类结构不匹配。

具体解决步骤 #

1. 修改RNFB的Android代码适配ExpoKit命名空间 #

找到你项目中的node_modules/react-native-fetch-blob/android/src/main/java/com/RNFetchBlob/RNFetchBlob.java文件，做以下修改：

• 把所有开头为import okhttp3.*;的语句，替换成import expolib_v1.okhttp3.*;
• 如果文件里有单独导入JavaNetCookieJar的语句，也要改成import expolib_v1.okhttp3.JavaNetCookieJar;

2. 统一OkHttp依赖版本 #

为了避免版本差异带来的其他问题，你需要让RNFB和ExpoKit使用同一版本的OkHttp：

• 首先查看ExpoKit使用的OkHttp版本：打开node_modules/expo/android/build.gradle，搜索okhttp找到对应的版本号（比如4.9.3）。
• 在项目根目录的build.gradle中添加全局版本变量：

  buildscript {
      ext {
          okhttpVersion = "4.9.3" // 替换成你查到的ExpoKit OkHttp版本
      }
      // 其他原有配置...
  }
  

• 在app/build.gradle的dependencies块中添加统一的OkHttp依赖：

  dependencies {
      // 其他原有依赖...
      implementation "com.squareup.okhttp3:okhttp:$okhttpVersion"
      implementation "com.squareup.okhttp3:okhttp-urlconnection:$okhttpVersion"
  }
  

3. 手动配置RNFB（取消自动link的冲突） #

自动执行rnpm link可能会生成和ExpoKit不兼容的配置，建议手动配置：

1. 先取消自动link：

   rnpm unlink react-native-fetch-blob
   

2. 在项目的settings.gradle中添加RNFB模块：

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

3. 在app/build.gradle的dependencies中添加依赖：

   implementation project(':react-native-fetch-blob')
   

4. 在MainApplication.java中注册RNFB包（如果还没注册）：

   import com.RNFetchBlob.RNFetchBlobPackage;
   // ...
   @Override
   protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
           new RNFetchBlobPackage() // 添加这一行
       );
   }
   

4. 清理缓存并重新构建 #

做完以上修改后，一定要清理缓存避免旧代码干扰：

• 在Android项目根目录执行：

  ./gradlew clean
  

• 清除Expo缓存：

  expo r -c
  

• 最后重新用Android Studio构建项目，或者执行：

  ./gradlew assembleDebug
  

进阶优化：用patch-package避免重复修改 #

因为每次执行npm install后，node_modules里的RNFB代码会被重置，你可以用patch-package来保存修改，避免重复操作：

1. 安装patch-package：

   npm install patch-package --save-dev
   

2. 修改完RNFB的代码后，执行以下命令生成补丁：

   npx patch-package react-native-fetch-blob
   

3. 之后每次npm install，补丁都会自动应用到RNFB的代码中。

内容的提问来源于stack exchange，提问作者user8749566