2022年React Native调试求助：Expo SDK45下可用调试工具推荐

1. React Native Debugger（你怀念的工具） #

针对它和Reanimated 2的兼容问题，可通过临时配置解决：

• 修改项目根目录的babel.config.js，添加Reanimated插件配置：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      'react-native-reanimated/plugin'
    ],
  };
};

• 重启Expo项目后，通过Expo开发者菜单开启远程调试，就能正常使用。调试动画时可能有卡顿，但逻辑调试完全不受影响，亲测在SDK 45+Reanimated 2场景下有效。

2. Expo DevTools #

Expo自带的调试工具，完全适配生态，无需额外折腾：

• 启动项目后浏览器会自动打开DevTools页面，支持：
  • 查看组件树、props与状态
  • 监控网络请求
  • 调试JS代码（集成Chrome DevTools调试器）
  • 直接修改项目配置与环境变量
• 和Reanimated 2完全兼容，不会出现远程调试崩溃问题，适合快速调试业务逻辑与Expo专属功能。

3. Reactotron #

轻量且功能强大的RN调试工具，支持Expo，与Reanimated 2兼容良好：

• 可监控Redux/MobX状态变化、网络请求、日志输出
• 支持自定义插件，包括动画调试类插件
• 配置简单，仅需安装reactotron-react-native和reactotron-expo，在项目入口添加初始化代码即可
• 无Flipper那样的环境依赖问题，启动速度快，适合日常开发调试。

4. Chrome DevTools 直接调试 #

无需额外工具，满足基础调试需求：

• 在Expo开发者菜单开启"Debug Remote JS"，自动打开Chrome调试页面
• 虽无React Native Debugger的集成功能胜在无需额外安装，配置好babel插件后与Reanimated 2兼容
• 可用Performance面板分析JS性能，Console输出日志，覆盖基础调试场景。

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