react-native真机调试注意事项

  • Z时代
  • 2024-01-10
  • 分类：综合

react

1、我使用的手机是:红米note，小米4真机调试，在真机调试的过程中遇到的常见问题是：

项目已安装到了手机上但是打开该项目发现是白屏,那么现在做的就是，（1）打开手机的安全中心，（2）找见应用权限管理，（3）找到你的应用程序，将是否显示悬浮窗置为允许。当这些设置完成后再打开该应用程序，会发现爆红，会出现 unable to download JS bundle，（4）这事摇晃你的手机，会出现菜单栏选择Dev Settings，选择Debug server host & port for device 输入你的IP地址:8081 例如 192.168.**.**：8081，注意要用英文的:号，我输入错了两次，所以很悲剧.然后再摇晃手机，选择reload js

2、在chrome访问http://localhost:8081/index.android.bundle出现错误的解决方案

transforming [========================================] 100% 399/400Error while persisting cache: TransformError: /Users/zzx/MyProject/node_modules/react-deep-force-update/lib/index.js: [BABEL] /Users/zzx/MyProject/node_modules/react-deep-force-update/lib/index.js: Unknown option: /Users/zzx/MyProject/node_modules/react-deep-force-update/.babelrc.stage

 G:\rn_workspace\test\node_modules\react-deep-force-update

G:\rn_workspace\test\node_modules\react-deep-force-update //在项目的跟目录下的//找，删除该目录下的.babelrc文件重启项目即可

 然后访问http://localhost:8081/index.android.bundle该页面

 

 

 出现这即意味着react-native项目是成功的

以上是 react-native真机调试注意事项 的全部内容， 来源链接： utcz.com/z/381943.html

回到顶部