--dev-client启动Expo项目遇GestureHandlerRootView重复注册等报错

针对你遇到的两个报错：react-native-gesture-handler module was not found 和 Tried to register two views with the same name GestureHandlerRootView，以下是针对性的解决方案：

1. 清理依赖并重新完成原生链接 #

这类模块找不到的问题，往往是依赖缓存或原生链接不完整导致的，执行以下步骤：

• 清理依赖缓存：yarn cache clean
• 删除现有依赖和锁文件：rm -rf node_modules && rm yarn.lock
• 重新安装依赖：yarn install
• 针对iOS，重置Pod依赖：cd ios && pod deintegrate && pod install && cd ..
• 重新构建Dev Client：expo prebuild --clean

2. 排查重复注册GestureHandlerRootView #

第二个报错是视图重复注册，核心原因是根组件中多次包裹了该视图：

• 检查你的App根组件，确保只在最外层包裹一次GestureHandlerRootView，示例代码如下：

  import { GestureHandlerRootView } from 'react-native-gesture-handler';
  import { NavigationContainer } from '@react-navigation/native';
  
  export default function App() {
    return (
      <GestureHandlerRootView style={{ flex: 1 }}>
        <NavigationContainer>
          {/* 你的导航栈或其他组件 */}
        </NavigationContainer>
      </GestureHandlerRootView>
    );
  }
  

• 排查第三方UI库（如react-native-elements、react-native-swipe-list-view）是否内部已经包裹了GestureHandlerRootView，如果有，移除自己代码中的重复包裹。

3. 锁定react-native-gesture-handler版本避免依赖冲突 #

Expo 44与react-native-gesture-handler@~2.1.0是兼容的，但可能存在第三方依赖强制引入其他版本的情况：

• 执行yarn list react-native-gesture-handler查看是否有多个版本共存
• 如果存在版本冲突，在package.json中添加resolutions字段锁定版本：

  "resolutions": {
    "react-native-gesture-handler": "~2.1.0"
  }
  

• 重新执行依赖安装和原生链接步骤。

4. 排查第三方库的兼容性 #

部分第三方库可能与Expo Dev Client的原生构建流程不兼容，你可以：

• 暂时移除可疑库（如react-native-snap-carousel、react-native-actions-sheet-picker），重新启动Dev Client测试
• 若移除后报错消失，查看该库的文档，确认是否支持Expo Dev Client，或寻找替代方案。

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