版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012721519/article/details/80520778
小编碰到该问题是在利用Android studio正确运行react native项目时遇见,可以正确编译,但是不能显示出正确界面,如下图所示。
解决方案:
1.设置IP和端口
报错页面晃动手机,显示菜单——点击DevSettings——点击Debug host &port for device——设置IP和端口(如:192.168.1.186:8081)——点击返回(空白页面)——再次晃动手机——点击reload ,此时Js程序即可显示出来。
2.原因没有找到assets下文件,手动创建并设置
(1)在项目main下新建assets文件夹
(2)Cmd运行如下命令:
命令:
React-native bundle --platform Android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
(3)执行react-native run-Android即可
3.执行方案2中的命令,再运行react-native run-android.双击R键刷新模拟器
Tips:运行IOS,如果想指定某个模拟器,执行如下命令:
react-native run-ios –simulator “iPhone X”
查看IOS设备:在终端输入如下命令:
xcrun simctl list devices
Good luck!
Write by Jimmy.li