react-native 环境配置问题

问题描述:运行npx react-native run-android 命令后报错,报错信息如下:

Task :app:installDebug FAILED
Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
...
error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details.
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

注:这一切都是在我配置好环境之后,能后初始化项目之后出现的
注:我是用真机来进行测试

react-native环境配置参考 react-native官方中文文档

在完成 jdk , android studio 等配置后,通过下面的语句我进行了初始化项目

npx react-native init myApp

之后,在运行该项目时我碰到这个问题(详细信息如下图):


image.png
image.png

在我解决这个问题的时候,我一直受到该错误 error Failed to install the app. Make sure you have the Android development environment set up 提示的影响,导致我以为我自己的环境配置出了问题,因此在前期一直没又找到有效的解决办法。
后面我在环境配置方面尝试方法无果的情况下,我发现前面还有错误提示Task :app:installDebug FAILED,
Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.;因此我在这方面找解决方法。
根据提示,该问题是由于 Android Gradle 插件版本与本地的 Gradle 版本不兼容导致
之后便去找解决方法:

解决方法参考链接:

https://blog.csdn.net/jiayang_Sir/article/details/105515741
https://blog.csdn.net/qq_38524537/article/details/102976447

Android Gradle 插件版本与本地的 Gradle 版本对照表链接:

https://developer.android.google.cn/studio/releases/gradle-plugin#4-1-0

在知道自己的Android Studio版本以及找的对应的Gradle版本后,修正当前项目内的Gradle版本,操作如下:

  1. 首先,找到修改本地Gradle版本的地方,如下图:
image.png
  1. 修改本地Gradle版本(我这里修改为gradle-6.5-all)
  2. cd 到当前项目的android路径下,执行gradlew命令,下载我们新设置的gradle版本
image.png
image.png
  1. cd .. 返回上级目录
  2. 执行yarn android 或者 npx react-native run-android
成功安装app到手机

你可能感兴趣的:(react-native 环境配置问题)