基于旧架构，React Native跨端项目Reanimated版本选型咨询

核心理由 #

• 你当前采用Expo旧架构，Reanimated v2.14.4在Expo Go移动端的兼容性经过验证是稳定的，而v3.4.2在Expo Go旧架构环境下存在明确的兼容性问题，会直接影响移动端核心功能的可用性。
• Expo官方对旧架构的Reanimated v2支持更为成熟，v3系列的旧架构适配仍在推进中，尤其Expo Go这类预构建环境下，v3的适配成本远高于解决v2的Web端问题。

解决v2.14.4 Web端报错的可行方案 #

针对你遇到的Web端模块找不到报错，可通过以下步骤修复：

1. 配置Babel插件
   在项目根目录的babel.config.js中添加Reanimated的插件：

   module.exports = {
     presets: [/* 你的现有presets */],
     plugins: ['react-native-reanimated/plugin'],
   };
   

2. Next.js项目额外配置
   在next.config.js中添加需要转译的包，确保React Native Web能正确处理Reanimated：

   const nextConfig = {
     transpilePackages: ['react-native-reanimated', 'react-native-gesture-handler'],
   };
   
   module.exports = nextConfig;
   

3. 清除缓存重启
   执行缓存清除命令后重新启动项目：

   npm start --reset-cache
   # 或 yarn start --reset-cache
   

为什么不推荐v3.4.2 #

Reanimated v3+默认对新架构有更多优化，但在Expo旧架构环境下，v3的部分特性无法被Expo Go兼容，即使尝试手动降级适配，也可能出现更多隐藏的兼容性问题，反而拖慢开发进度。相比之下，修复v2的Web端配置问题更直接、可控。

内容的提问来源于stack exchange，提问作者Muhammad Hamza Latif