React Native环境搭建

前端之家收集整理的这篇文章主要介绍了React Native环境搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、安装JDK

  • 1.1 在该网站http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载jdk安装包
  • 1.2 双击安装
  • 1.3 环境变量,系统变量,新建JAVA_HOME变量,值为jdk路径(如:D:\Program Files\Java\jdk1.8.0_102)
  • 1.4 新建CLASSPATH变量,变量值填写.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar注意最前面有一个点
  • 1.5 找到Path变量,编辑,在后面加入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
  • 1.6 检测是否配置成功,运行cmd输入java -version显示出java版本出来说明安装和配置成功

二、安装Android Studio

  • 2.1 下载Android Studio下载地址
  • 2.2 采用默认设置安装
  • 2.3 安装完成后,在Android Studio的欢迎界面中选择Configure | SDK Manager
  • 2.4 在SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIsAndroid SDK Platform 23Sources for Android SDKIntel x86 Atom System ImageIntel x86 Atom_64 System ImageGoogle APIs Intel x86 Atom System ImageGoogle APIs Intel x86 Atom_64 System Image
  • 2.5 在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。(必须是这个版本)
  • 2.6 环境变量新建ANDROID_HOME变量,值为安装的Android SDK的路径
  • 2.7 将手机连接到电脑,在命令行输入adb devices看到下图所示即代表成功

三、安装Python 2.7.xx

四、安装Node

五、安装React Native命令行工具

  • 5.1 npm install -g react-native-cli

六、测试安装

命令行输入

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

七、遇到的问题

7.1 执行Downloading https://services.gradle.org/distributions/gradle-2.4-all.zip时报错

解决方法:复制报错的下载链接,用迅雷下载, 将项目地址中的AwesomeProject/android/gradle/wrapper/gradle-wrapper.properties中的distributionUrl=https://services.gradle.org/distributions/gradle-2.4-all.zip改为distributionUrl=file:///E:/gradle-2.4-all.zip(后面为gradle-2.4-all.zip在本地的保存路径)

7.2 遇到Execution Failed for task ':app:processDebugResources'.问题

解决方法:回到第二步,将2.4步的7个安装包全都安装上

7.3 遇到Execution Failed for task ':app:installDebug'.问题

:app:installDebug
Installing APK 'app-debug.apk' on 'Redmi Note 2 - 5.0.2'
Execution Failed for task ':app:installDebug'.

解决方法
+ 7.3.1 进入手机的 设置 关于手机 连续点击 MIUI版本 7次,成为开发者
+ 7.3.2 设置 更多设置 开发者选项 启用USB调试,拉到最底部关闭 启用MIUI优化,重启手机
+ 7.3.3 将android/build.gradle文件中的classpath 'com.android.tools.build:gradle:1.3.1'改为classpath 'com.android.tools.build:gradle:1.2.3'

7.4 程序白屏

解决方法:设置 –> 其他应用管理 –> 已下载 –> 点击AwesomeProject –> 权限管理 –> 显示悬浮窗 –> 允许

7.5 红屏报错

解决方法:摇晃手机,打开调试菜单,点击Dev Settings,选Debug server host for device,输入正在运行packager的那台电脑的局域网IP加:8081,再按back键返回,再摇晃手机,在调试菜单中选择Reload JS,就应该可以看到运行的结果了。

7.6 adb devices时出现error: cannot parse version string: kg01错误

解决方法

adb kill-server
adb start-server
adb devices

7.7 安装应用时出现INSTALL_PARSE_Failed_INCONSISTENT_CERTIFICATES错误


解决方法:卸载已经安装了相同的应用

八、参考链接

1.windows下搭建react-native踩过的坑
2.Failed to establish session · Issue #6499 · facebook/react-native
3.在Windows下搭建React Native Android开发环境
4.React Nactive 搭建开发环境
5.android - INSTALL_PARSE_FAILED_INCONSISTENT_CERTIFICATES on adb install - Stack Overflow

猜你在找的React相关文章