Expo Snack中React Navigation网页正常移动端报错如何解决

不需要更换导航库，你遇到的两类报错都和React Navigation本身无关，核心是Expo SDK版本、导航依赖版本、expo-auth-session版本三者不匹配，加上漏了导航库要求的入口配置导致的。

• 原生端/真机抛出的Attempting to change the getter of an unconfigurable property，是高版本Expo SDK下，React Navigation依赖的react-native-gesture-handler、react-native-screens版本混装，或者漏了入口导入语句，导致原生端初始化时篡改了JS引擎的不可配置全局属性。Web端不需要加载原生手势、屏幕模块，所以不会触发这个问题，和你描述的运行现象完全吻合。
• SDK切到V43时抛出的cannot read property "select" of undefined，是因为V43对应的expo-auth-session为3.x旧版本，你代码里用的是4.x+版本的枚举API，旧版本不存在对应属性才会读空。

1. 固定Expo SDK版本为V48，这个版本是目前Expo Snack环境下对抽屉导航、栈导航、底部Tab导航三类结构，以及expo谷歌认证兼容性最稳定的版本，既不会触发原生端属性冲突，也不会出现认证API不匹配的问题。
2. 全量对齐依赖版本，不要混装不同大版本的导航相关包，直接把package.json里的相关依赖替换为以下固定版本：

{
  "@react-navigation/native": "^6.1.6",
  "@react-navigation/native-stack": "^6.9.12",
  "@react-navigation/bottom-tabs": "^6.5.7",
  "@react-navigation/drawer": "^6.6.2",
  "react-native-screens": "~3.20.0",
  "react-native-gesture-handler": "~2.9.0",
  "react-native-safe-area-context": "4.5.0",
  "react-native-reanimated": "~2.14.4",
  "expo-auth-session": "~4.0.3",
  "expo-crypto": "~12.2.1",
  "expo-web-browser": "~12.1.1"
}

3. 补全导航库必填的入口配置：在App.js文件的最顶部，也就是所有其他import语句之前，加一行import 'react-native-gesture-handler';。这行是抽屉导航的必填项，漏写的话在原生端启动时必然触发属性篡改类报错。
4. 修正谷歌认证的API写法：把登录逻辑里用到的Prompt.Select枚举值替换为字符串'select'，不要从expo-auth-session里导入Prompt枚举，避免不同版本枚举路径不一致导致的读空错误。
5. 清缓存重启：修改完依赖和代码后，点击Snack的重启按钮清空旧缓存，再切换到iOS/Android标签或者真机扫码测试，不要依赖热更新加载新依赖。

React Navigation是Expo官方推荐的一等公民导航库，完全不需要更换。如果按上述步骤操作后仍有同类报错，检查代码里是否存在修改Object.prototype、Array.prototype等全局对象原生属性的逻辑，这类操作也会触发相同的不可配置属性修改报错，从你描述的场景看，90%以上的概率是前面提到的版本不匹配+漏导入手势库的问题。

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