环境搭建
1.工具下载安装
Node https://nodejs.org/dist/v10.15.1/node-v10.15.1-x64.msi
python 2.7.15 https://www.python.org/ftp/python/2.7.15/python-2.7.15.amd64.msi 必须这个版本
Java SE Development Kit 8u201 https://download.oracle.com/otn-pub/java/jdk/8u201-b09/42970487e3af4f5aa5bca3f542482c60/jdk-8u201-windows-x64.exe?AuthParam=1551260295_cdeba3af07cdd68a651e96926cafc699
必须这个版本
android studio https://dl.google.com/dl/android/studio/install/3.3.1.0/android-studio-ide-182.5264788-windows.exe
2.工具配置
安装React Native命令行工具:
打开node.js终端,输入并执行npm install -g react-native-cli。
在Android studio中
打开Android studio SDKManager,确保在SDK Platfroms下 勾选Android P的型号,在SDK Tools下勾选Android SDK Tools 点击apply,下载并打开模拟器
3.环境变量配置
配置好java JDK环境变量
一般配置方法
配置Python2.7.15环境变量
变量名:Path 添加 变量值:G:\Program Files\python2.7.15 python安装目录
配置android环境变量:
变量名:ANDROID_HOME,变量值:C:\Users\USERS_NAME\AppData\Local\Android\Sdk 一般都是这个目录
变量名:Path 添加 变量值:C:\Users\USERS_NAME\AppData\Local\Android\Sdk\platform-tools 一般都是这个目录
4.创建React Native项目
在终端中进入创建项目的目录,然后输入
react-native init <项目名字>
如:
react-native init FirstApp
执行创建项目。
5.运行React Native项目
前提:模拟器必须处于运行状态
进入项目目录,输入
react-native run-android
等待一段时间项目就会运行成功 ps:如果真机和模拟器都处于连接状态,所以设备都会运行该项目。且默认一次只能运行一个项目,
6.问题
在真机和模拟器确认打开且已连接情况下出现以下错误:
错误一;Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
问题原因:可能是jdk配置错误,解决办法:重新安装JDK版本必须是8u201或202
错误二:在真机上运行仍然出现Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/getting-started.html
问题原因:可能是真机与电脑连接有问题,解决办法:重新打开真机USB调试