初次搭建ReactNative总会碰上各种报错以及红黄屏报错
如果尚未搭建环境,请转至官网搭建
https://reactnative.cn/docs/g...

红屏是fatal error(程序无法正常运行),黄屏是Warming(程序可以运行但是可能存在一些潜在问题)

- SDK location not found
首次使用 React Native 命令行工具来创建一个名为"AwesomeProject"的新项目后

react-native run-android

运行后会报错,如图

clipboard.png

解决方法:
到你的已有android项目中复制一份local.properties文件到android文件夹下
如我就复制到Rndemo2AwesomeProjectandroid文件夹下
用记事本或任何编辑软件打开local.properties文件,
clipboard.png
修改成你自己的sdk路径


- 运行到真机上,提示apk安装失败

解决方法:
1.手机没有打开USB调试功能
如果你和我一样是小米手机,那么用下面的方法打开USB调试功能

clipboard.png

设置-我的设备-全部参数

clipboard.png

MIUI版本连击五次,打开开发者模式

更多设置-开发者选项
clipboard.png

打开USB调试和USB安装
然后在命令行输入

$ adb devices
List of devices attached
emulator-5554 offline   # Google emulator

若出现以上文字则说明设备已连接
现在你可以运行react-native run-android来在设备上安装并启动应用了


- The development server returned response error code:500

修改完SDK路径后,运行到虚拟机或真机上我们会发现如下报错,
clipboard.png

解决方法:
1.NPM包出现异常产生的问题,可以尝试把node_modules文件夹删除后重新下载一次
2.create-react-native-app AwesomeProject命令和react-native
run-android混用,尝试删掉工程,重新在项目根目录里运行以下命令行代码

react-native init AwesomeProject 
cd AwesomeProject 
react-native run-android

无锡肖奈
186 声望7 粉丝

十八线野生程序猿 前端开发