iOS端React Native调试菜单缺失Debug with Chrome选项求助
解决iOS React Native调试菜单无「Debug with Chrome」选项的问题
彻底确认Hermes禁用状态
仅修改Podfile无法确保Hermes完全禁用,执行以下步骤保证生效:- 进入iOS目录:
cd ios - 清理现有Pod依赖:
pod deintegrate - 重新安装Pod:
pod install - 打开Xcode,删除Derived Data(路径:Xcode菜单>Preferences>Locations>Derived Data>点击箭头打开文件夹后删除对应项目文件夹),重启Xcode后重新编译运行项目。
- 进入iOS目录:
检查调试菜单触发方式与选项名称
- iOS模拟器用
Cmd + D触发调试菜单,真机通过摇晃设备或Xcode的Debug>Simulate Shake功能触发。 - 部分React Native版本(如0.70+)中,「Debug with Chrome」已更名为「Debug Remote JS」,功能完全一致,选择该选项即可连接React Native Debugger。
- iOS模拟器用
手动强制开启远程调试
在项目入口文件(如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配置正确
- 打开React Native Debugger,默认监听端口为8081,若你的RN项目使用了其他端口,按
Cmd + T切换到对应端口。 - 确保RN Debugger在开启远程调试前已经运行,这样才能自动建立连接。
- 打开React Native Debugger,默认监听端口为8081,若你的RN项目使用了其他端口,按
内容的提问来源于stack exchange,提问作者Bryl
相关产品推荐
相关产品推荐

