React Native从0.61.5升级至0.62.0后ART移除报错求助

错误原因 #

React Native 0.62版本开始移除了内置的ART模块，所有依赖ART的场景需要使用社区维护的@react-native-community/art库。你的项目虽然已经安装了该库，但部分第三方依赖仍在尝试导入React Native内置的ART模块，导致报错。

解决方案 #

1. 升级依赖ART的第三方库 #

检查你的依赖列表，以下几个库大概率是问题源头：

• react-native-snap-carousel@3.8.0：旧版本依赖内置ART，建议升级到v4.x版本（注意v4需要React Native 0.63+，如果无法升级RN，可使用补丁工具修改其导入路径）
• react-native-multi-slider/@ptomasroos/react-native-multi-slider：升级到支持社区ART的最新版本
• react-native-star-rating：该库已停止维护，建议替换为react-native-ratings等替代库，或手动修改其ART导入路径

2. 配置Babel别名，统一ART导入路径 #

如果暂时无法升级依赖，可以通过Babel别名将所有对内置ART的引用重定向到社区库：

1. 安装babel插件：

   yarn add --dev babel-plugin-module-resolver
   

2. 修改babel.config.js，添加别名配置：

   module.exports = {
     presets: ['module:metro-react-native-babel-preset'],
     plugins: [
       [
         'module-resolver',
         {
           alias: {
             'react-native/Libraries/ART': '@react-native-community/art',
           },
         },
       ],
     ],
   };
   

3. 确保社区ART库正确集成 #

• iOS：运行npx pod-install确保Pods正确安装
• Android：React Native 0.60+会自动链接，无需手动配置，若出现问题可检查android/settings.gradle和app/build.gradle是否包含该库的引用

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

• 清理Metro缓存：

  npx react-native start --reset-cache
  

• iOS：删除ios/Pods文件夹和ios/build文件夹，重新执行pod install和构建
• Android：在android目录下执行./gradlew clean，再重新构建

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