React Native 0.66.1如何永久禁用Flipper仅使用Chrome调试
React Native 0.66 永久禁用Flipper、固定使用Chrome调试方案
完全可以实现永久禁用Flipper,只保留Chrome远程调试入口,按下面步骤操作就行:
移除iOS端Flipper依赖
打开iOS目录下的Podfile,找到所有Flipper相关配置(就是带# Flipper注释的代码块,包含use_flipper!()调用、Flipper版本声明、post_install钩子中的Flipper适配代码),全部注释掉。
改完进入ios目录执行pod install --repo-update,把项目里关联的Flipper依赖包清掉。原生端关闭Flipper开关
打开ios/[你的项目名]/AppDelegate.m文件,找到DEBUG环境下的bundle初始化代码,把Flipper开启参数改成NO:#if DEBUG // 原代码默认是YES,改成NO就会关闭Flipper调试入口 [[RCTBundleURLProvider sharedSettings] enableFlipper:NO]; #endif清缓存重新编译
先清Metro打包缓存,避免旧配置残留,再重新编译装包:# 清缓存启动Metro服务 npx react-native start --reset-cache # 新开终端,重新编译安装iOS应用 npx react-native run-ios
全部操作完再唤起iOS模拟器的开发者菜单,之前随机出现的Open Debugger(Flipper入口)选项就会彻底消失,只会留Debug JS Remotely选项,点了直接拉起Chrome调试页,默认地址是http://localhost:8081/debugger-ui/,和之前的Chrome远程调试逻辑完全一样。
如果之后要恢复用Flipper,只需要把enableFlipper改回YES,取消Podfile里Flipper代码的注释,重新跑pod install编译就行,不影响其他业务功能。
内容的提问来源于stack exchange,提问作者Abel Chalier
相关产品推荐
相关产品推荐

