React Native应用使用react-native-debugger启动debugger-ui时出现崩溃问题
React Native 调试模式崩溃修复方案
该问题为开启调试模式时的典型兼容问题,可按以下步骤逐一排查修复:
- 关闭Hermes引擎临时验证
React Native 0.70及以上版本默认开启Hermes引擎,部分版本的第三方调试工具未适配Hermes调试协议,可先修改android/app/build.gradle配置,将project.ext.react下的enableHermes: true改为enableHermes: false,重新执行npx react-native run-android编译后验证问题是否解决。 - 全量清理缓存重新构建
依赖缓存、构建缓存冲突也会触发该问题,依次执行以下命令清理后重新构建:
命令执行完成后重新安装调试包,触发调试模式测试。# 清理安卓构建缓存 cd android && ./gradlew clean cd .. # 清理依赖缓存 rm -rf node_modules package-lock.json yarn.lock npm install # 启动Metro时重置缓存 npx react-native start --reset-cache - 调试工具版本适配
若使用react-native-debugger,需保证工具版本与React Native版本匹配:React Native 0.62+必须使用v0.11及以上版本的react-native-debugger;若使用Flipper调试,需保证android/app/build.gradle中引入的Flipper依赖版本,与桌面端安装的Flipper客户端版本完全一致。 - 替代调试方案
若第三方调试工具适配问题暂时无法解决,可直接使用Chrome自带DevTools调试:触发Debug模式后在Chrome地址栏输入chrome://inspect,找到对应的React Native调试进程点击inspect即可正常调试。
内容的提问来源于stack exchange,提问作者Emad Baqeri
相关产品推荐
相关产品推荐

