You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

iOS端React Native调试菜单缺失Debug with Chrome选项求助

解决iOS React Native调试菜单无「Debug with Chrome」选项的问题
  • 彻底确认Hermes禁用状态
    仅修改Podfile无法确保Hermes完全禁用,执行以下步骤保证生效:

    1. 进入iOS目录:cd ios
    2. 清理现有Pod依赖:pod deintegrate
    3. 重新安装Pod:pod install
    4. 打开Xcode,删除Derived Data(路径:Xcode菜单>Preferences>Locations>Derived Data>点击箭头打开文件夹后删除对应项目文件夹),重启Xcode后重新编译运行项目。
  • 检查调试菜单触发方式与选项名称

    • iOS模拟器用Cmd + D触发调试菜单,真机通过摇晃设备或Xcode的Debug>Simulate Shake功能触发。
    • 部分React Native版本(如0.70+)中,「Debug with Chrome」已更名为「Debug Remote JS」,功能完全一致,选择该选项即可连接React Native Debugger。
  • 手动强制开启远程调试
    在项目入口文件(如App.js)中添加代码,直接触发远程调试:

    import { NativeModules, useEffect } from 'react-native';
    
    function App() {
      useEffect(() => {
        // 仅在开发环境执行
        if (__DEV__) {
          NativeModules.DevSettings.setIsDebuggingRemotely(true);
        }
      }, []);
    
      // ... 你的组件代码
    }
    
    export default App;
    

    重新运行项目后,会自动启动远程调试,React Native Debugger会自动捕获连接。

  • 确保React Native Debugger配置正确

    1. 打开React Native Debugger,默认监听端口为8081,若你的RN项目使用了其他端口,按Cmd + T切换到对应端口。
    2. 确保RN Debugger在开启远程调试前已经运行,这样才能自动建立连接。

内容的提问来源于stack exchange,提问作者Bryl

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 20:23:15