React Native打包卡在随机百分比(如99%)求有效解决方案
解决方案
- 检查网络与端口拦截:确保手机和电脑处于同一Wi-Fi网络,临时关闭电脑防火墙、杀毒软件,避免8081端口被拦截。
- 更换打包器端口:启动时指定非默认端口,执行
npx react-native start --port 8082;在设备上摇一摇打开开发者菜单,选择「Change Bundle Location」,输入http://[你的电脑IP]:8082/index.bundle?platform=android&dev=true&minify=false。 - 临时禁用Hermes引擎:打开
android/app/build.gradle,将enableHermes = true修改为false,重新构建项目,排查是否为Hermes引擎兼容性问题。 - 重置Metro缓存:执行
npx react-native start --reset-cache,彻底清除Metro打包器的缓存文件。 - 排查资源与依赖问题:检查项目中是否存在未压缩的大体积资源(如高清图、音频),压缩后重试;用
npx madge --circular src/检测循环依赖,修复后再打包。 - 查看详细打包日志:启动打包器时添加
--verbose参数,执行npx react-native start --verbose,根据日志定位卡住的具体文件或步骤。 - 重新配置USB调试:确保手机开启「USB调试」「USB安装」权限并授权当前电脑,重新插拔USB或切换USB连接模式(如从充电改为文件传输)。
- 调整React Native版本:若问题是升级RN后出现,尝试降级至之前稳定版本;或升级到最新官方修复版本,排查版本兼容性问题。
内容的提问来源于stack exchange,提问作者Siddhant
相关产品推荐
相关产品推荐

