Expo 50升级后React Native Debugger与Redux Dev Tools无法使用的解决办法

• 检查端口匹配
  React Native Debugger默认监听8081端口，但Expo 49+可能使用19000或其他端口。打开Debugger后，通过顶部菜单Debugger -> New Window手动指定当前Expo项目的调试端口（可在Expo启动控制台查看端口号）。也可以在项目根目录创建.env文件，添加REACT_DEBUGGER="rndebugger-open --port 8081"强制绑定端口。

• 重新建立调试连接
  在Expo Go中打开应用，通过摇设备或快捷键（Ctrl+M/Cmd+M）调出开发者菜单，选择Debug Remote JS，确保连接到已打开的React Native Debugger窗口。若连接失败，先关闭Debugger和Expo服务，重启后重试。

• 适配Hermes引擎与Redux DevTools配置
  Expo 49+默认启用Hermes引擎，需确认Redux DevTools配置兼容：

  • 若使用@reduxjs/toolkit，确保configureStore中开启devTools：

    export const store = configureStore({
      reducer: rootReducer,
      devTools: process.env.NODE_ENV !== 'production',
    });
    

  • 手动集成时，改用window.__REDUX_DEVTOOLS_EXTENSION__?.connect()替代旧的连接方式，适配Hermes环境。

• 清理缓存
  执行expo r -c清除Expo项目缓存；在React Native Debugger中通过View -> Clear Cache清除调试器缓存；同时清除Expo Go应用的本地缓存，再重新加载项目。

• 升级React Native Debugger
  安装最新版本的React Native Debugger，旧版本可能不兼容Expo 49+的新调试协议，覆盖安装后再尝试连接。

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