react-native真机调试注意事项

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项目是成功的

猜你喜欢

转载自zx10103326.iteye.com/blog/2278733