原创

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

再重新启动

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

踩坑
react-native
  • 作者:零三(联系作者)
  • 最后更新时间:2020-09-01 16:25
  • 版权声明:自由转载-非商用-非衍生-保持署名
  • 转载声明:来源地址 https://web03.cn