初次接触ReactNative,搭建环境、调试时遇到的报错们及解决方法

初次搭建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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值