react-native搭建环境遇到的坑

根据文档搭建环境

https://reactnative.dev/docs/environment-setup

坑1

错误信息

react-native报错Exception in thread "main" java.lang.RuntimeException

react-native run-android 会下载gradle编译器,由于网络问题,可能下载失败
解决
https://web03.cn/blog/161

坑2

项目目录不能包含中文以及特殊符号,项目名称不能是关键字也不能有特殊符号

坑3

错误信息,找不到安卓环境

react native Failed to install the app. Make sure you have the Android development environment set

解决
1、检查配置的系统环境变量

2、检查是AndroidStudio的设置(官方文档设置步骤)sdk、sdktools

3、检查下载的Reseasename和设置以及官方文档说明的一样

5、执行adb devices查看是否有在线模拟器、无则先打开一个模拟器

坑4

create-react-app之后一定要进入项目执行npm install

坑5

依旧提示找不到sdk
解决
去安卓项目里面拷贝一份local.properties在android目录下
里面写入你的sdk路径

sdk.dir=D:\\SDK

如果不行,在D后面加一个\

sdk.dir=D\:\\SDK

记住路径不要有中文以及特殊符号

坑6

遇到不知道的问题
把node_modules删除,重新执行npm install

坑7

本以为是完美运行的时候,突然彪出网络不行,打包上传出错

原因:本地环境的gradle版本太高,不支持之前的语法和特性,所以导致报错。所以我们需要修改本地的gradle版本。
解决
找到目录 android\gradle\wrapper\gradle-wrapper.properties

修改gradle的版本

很多版本不兼容的、高的可能不兼容、低的可能不兼容、不高不低的也有可能不兼容,建议多更换版本重试,我试到gradle-5.6.4-all,gradle-5.4.1-all是可以的

坑8

设置了系统环境变量,还是一直提示不能找到jdk,并且报错提示的jdk路径不是环境变量里面配置的路径

解决

重启电脑即可

坑9

运行成功后报错如下信息

解决
找到android\app\build.gradle,在以下代码块添加

project.ext.react = [
    enableHermes: false,  // clean and rebuild if changing
    bundleInDebug: true
]

其它

修改了配置,建议

cd android
gradlew  clean

再重新启动

最后祝各位环境搭建一切顺利

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值