react native 真机调试刷新代码红屏问题

1,在自己新建的项目文件夹初始化项目:react-native init newproject1

2,创建完毕打开js服务器:react-native start 

3,打开网页查看服务器是否开启成功:发现网页报错 “cannot find out  index.android.js",

就是找不到 index.android.js这个文件,后经过查询,发现是react-native从0.44升级到0.45,将以前的 index.android.js 和 index.ios.js合并为index.js了,于是将文件名改为 index.android.js,再次运行react-native start ,点击网页出现正常代码

4,使用usb连接android真机,开启开发者模式,开启usb调试

5,输入命令:react-native  run-android     进入正常页面,

但是摇晃手机后,选择reload(刷新),出现红屏提示:could not connect to development server(无法连接到开发者服务器),

再次摇晃手机,出现菜单界面,选择dev  setting,选择debugging,输入你的电脑IP:8081(前提:你的电脑和手机在同一个局域网下)。设置完毕再次reload,没有报错并刷新代码

6,如果出现页面加载不出来,是白屏,也不报错,运行一下:adb reverse tcp:8081 tcp:8081 或者  npm cache clean -f               试一试。

猜你喜欢

转载自blog.csdn.net/kalinux/article/details/87892429