react-native 新手爬坑经历(Could not connect to development server.)

来,先说下报错出现场景,刚跑完项目加载完是好的,但是双击R后就开始耍小脾气了-红屏出现,如下图

react-native 新手爬坑经历(Could not connect to development server.)

首先检查包服务器是否运行正常。
在项目文件夹下输入react-native start或者npm start均可开启服务器,但是我们需要在PC端确认包服务器是否运行正常。

解决: 1.手机摇一摇进入到Developer Menu 如图:

react-native 新手爬坑经历(Could not connect to development server.)

 

 2.选择 Dev Settings 如图

 react-native 新手爬坑经历(Could not connect to development server.)

3.填写 你的服务 IP 记得端口为:8081

react-native 新手爬坑经历(Could not connect to development server.)

4.点击确定之后重新启动项目, reload 搞定