React Native MacOS 搭建 android环境 初始启动红屏

252 阅读1分钟

问题描述

按照 react native 中文官网搭建 MacOS的android开发环境,安装后app后红屏报错如下:

image.png

问题原因

仔细观察 yarn android 命令的输出,发现warn显示 JS server not recognized.

image.png

出现这种情况的原因有可能是metro还没启动, 执行 yarn start后,原有红屏报错未解决。

我这里的原因是Metro默认启动的8081端口被占用。执行 lsof -n -i4TCP:8081 | grep LIST EN后可以看到被占用的情况。

image.png

解决办法

修改package.json中的script,设置 "android": "react-native run-android --port 8082" 以及 "start": "react-native start --port 8082" 问题解决