欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react-native搭建环境遇到的坑

程序员文章站 2022-05-23 16:24:50
...

根据文档搭建环境

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和设置以及官方文档说明的一样

react-native搭建环境遇到的坑

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

本以为是完美运行的时候,突然彪出网络不行,打包上传出错
react-native搭建环境遇到的坑
原因:本地环境的gradle版本太高,不支持之前的语法和特性,所以导致报错。所以我们需要修改本地的gradle版本。
解决
找到目录 android\gradle\wrapper\gradle-wrapper.properties

修改gradle的版本

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

坑8

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

解决

重启电脑即可

坑9

运行成功后报错如下信息

react-native搭建环境遇到的坑

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

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

其它

修改了配置,建议

cd android
gradlew  clean

再重新启动

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

react-native搭建环境遇到的坑

相关标签: 笔记 react-native