react-native 8081 error

最近时间较多,准备突击下火热的react-native,按照react-native中文网的教程在mac上搭建react-native的环境,并创建项目,但运行报错,如下:

react-native 8081 error.jpeg

解决方案:
1:查找占用8081端口的罪魁祸首,然后直接删除
方法:打开终端,输入命令lsof -i:8081,找到端口号对应的程序,再直接kill掉。

2:改变react native 监听端口的方法
a.在终端进入项目文件夹运行:react-native start --port 8889;
b.xcode里search所有的8081,将它们替换为8889;

c.xcode里找到Libiaries/React.xcodeproj/Build Phases/Run Scripts,替换掉8081,操作完运行就正常了。
react-native.jpeg

d.运行项目,如下图:
react-native run success.jpeg

你可能感兴趣的:(react-native 8081 error)