初次创建react native项目红屏报错

初次创建react-native项目成功后react-native run-android启动项目时出现红屏报错


初次创建react native项目红屏报错_第1张图片
报错

上面报错的意思就是加载js的地址不对,localhost是本机(手机)地址,那就修改成电脑对应的IP地址就好了,怎么修改?

我们使用雷电模拟器的摇一摇功能点击一下(如果是真机的话就使劲摇就对了)


初次创建react native项目红屏报错_第2张图片
雷电模拟器

接下来就蹦出来一个menu菜单我们选择Dev Settings


初次创建react native项目红屏报错_第3张图片
image.png

然后我们再选择debug server host
初次创建react native项目红屏报错_第4张图片
image.png

最后再输入我们的电脑IP地址加react native端口号就对了


初次创建react native项目红屏报错_第5张图片
IP地址

我们按下返回键再使用摇一摇调出menu菜单,点击reload就可以看到我们的react native项目了
初次创建react native项目红屏报错_第6张图片
image.png

你可能感兴趣的:(初次创建react native项目红屏报错)