windows搭建react natiive android环境及真机运行遇到的坑

第1步:安装最新版Java

  • 下载安装JDK ,最好是Java Development Kit [JDK] 1.8或更高版本

  官网地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

  • 配置环境 (不会的百度哦)

第2步:安装Android SDK

  有两种方案,直接安卓android SDK或者Android Studio。Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。本人使用的第二种。

  第一种方案,直接安卓android SDK

  • Tools/Android SDK Tools
  • Tools/Android SDK Platform-tools
  • Tools/Android SDK Build-tools
  • Android 6.0 (API 23)/SDK Platform
  • Extras/Android Support Library
  • Extras/Local Maven repository for Support Libraries

  第二种方案 Android Studio

  具体安装操作情况react native中文文档 http://reactnative.cn/docs/0.27/getting-started.html#content

  本人用的第二种方式,安卓好了android Studio并配置好环境变量

第3步:安装react-native命令行工具

npm install -g react-native-cli

第4步:创建react-native项目

cd HelloWorldreact-native init HelloWorld

  这个命令会初始化一个工程、下载React Native的所有源代码和依赖包,最后在HelloWorld/iOS/HelloWorld.xcodeproj和HelloWorld/android/app下分别创建一个新的XCode工程和一个gradle工程。

  如果你网络不怎么样,这里会耗时相当相当久,甚至经常因为网络的原因下载项目失败!所以 react-native中文官网 推荐你使用淘宝镜像:

  

$ npm config set registry https://registry.npm.taobao.org

  

第5步:链接设备或者模拟器

android手机需打开开发者模式,打开开发者选项,和usb调试选项

如果正确配置了Android SDK环境变量,我们在cmd命令控制行中运行 adb devices 应该可以看到下面界面:  

我们看到列表为空,是因为我们还未连接任何设备。我通过USB接入手机,再运行看看:

第6步:编译运行Android

cd HelloWorld
react-native run-android

  

注:安卓手机和电脑要在同一个网络

运行的时候,事情远没这么顺利,再看一个奇怪的报错:

解决办法: 将android/build.gradle文件中的 classpath ‘com.android.tools.build:gradle:1.3.1‘ 改为 classpath ‘com.android.tools.build:gradle:1.2.3‘

第7步:运行apk程序

  出现了空白和不能连接开发服务器,有位仁兄跟我遇到的问题一致

  参考文章 http://www.cnblogs.com/unofficial/p/4843734.html

时间: 2025-01-02 09:21:48

windows搭建react natiive android环境及真机运行遇到的坑的相关文章

二.Android手机自动化测试真机运行

手机自动化测试用例虽然可以在模拟器上运行,可是模拟器毕竟和真机还是有区别的.在搞定了模拟器上运行测试用例后,我又花了两天的时间,研究了一下真机运行测试用例.期间也遇到了不少问题,不过最终还是搞定了,现在先将测试用例真机运行的方法说一下,然后再罗列我遇到的问题. 真机运行测试用例的方法 一,    打开手机的USB调试模式 不同的手机有不同的方法打开usb调试模式,可是去网上查一下你手机的调试模式打开办法(http://wenku.baidu.com/view/3077f06c25c52cc58b

android studio 程序真机运行中文显示乱码

代码里中文显示正常,真机运行后中文显示乱码,解决办法: build.gradle中添加一句 android { compileOptions.encoding = "GBK" } 版权声明:本文为博主原创文章,未经博主允许不得转载.

记一次在Windows上搭建React Native Android环境踩过的坑

要说最近技术圈什么比较活跃,我想除了动态加载框架和热修复技术之外,非Facebook的React Native莫属了吧,其实RN对IOS的支持比较早,但是Android似乎难产了,直到9月份才刚开源.距离RN开源也有一段时间了,一直没有去学习,今天兴趣来潮,索性学一把吧. 本文假设你的Windows上安装了Android SDK,并配置好了环境变量. 安装Node.js 从官网https://nodejs.org/en/下载Node.js的windows版,也不知道为什么版本迭代这么快,之前安装

Android手机自动化测试真机运行

一,    打开手机的USB调试模式 不同的手机有不同的方法打开usb调试模式,可是去网上查一下你手机的调试模式打开办法(http://wenku.baidu.com/view/3077f06c25c52cc58bd6be15.html?re=view).还有一个可以去网上下载一个"USB调试快捷开关"的应用,将手机的USB调试模式打开. 二,    连接手机到电脑 将手机用数据线连接到电脑,并授权USB调试模式.查看连接的效果,在cmd下运行命令:adb devices -l 查看U

手把手教你在Windows下搭建React Native Android开发环境

最近看到React Native好像好厉害的样子,好奇心驱使之下体验了一下并将在Window下搭建React Natvie Android环境的步骤记录下来,并有需要的朋友参考.(我都是参考官方文档的) react-native的GitHub地址:https://github.com/facebook/react-native react-native的文档地址:http://facebook.github.io/react-native/docs/getting-started.html 1.

Windows 8(64位)如何搭建 Android 开发环境与真机测试

先行强调: 安装 Java SDK 和 Android SDK 的路径中不能有空格或中文, 否则在启动 Android SDK Manager 的时候会出现闪退的现象.此安装步骤也适用于 X86 的 Android 开发环境搭建哦,下载时注意版本就 OK 啦. http://www.cnblogs.com/91program/p/5192135.html 1: 下载安装 Java SE JDK(2014-08-20)jdk-8u20-windows-x64.exe,目前最新版本为 jdk1.8.

安卓第一课:android studio 的环境搭建与真机运行以及遇到的问题

AS的下载: https://developer.android.com/studio/index.html AS的安装: android studio, sdk, virtual device都要安装,安装路径最好不要选在C盘 创建新项目: 创建过程不再赘述网上都有. 真机运行: 项目写好后先用USB线将安卓手机连接到电脑(注意:手机一定要打开开发者选项然后开启USB调试功能),点击运行后在检测到的设备中选择自己的手机(一般只有一项,点那个就好),运行成功后,自己的手机上会自动安装好这个软件.

React Native开发 - 搭建React Native开发环境

移动开发以前一般都是原生的语言来开发,Android开发是用Java语言,IOS的开发是Object-C或者Swift.那么对于开发一个App,至少需要两套代码.两个团队.对于公司来说,成本还是有的.然而现在有蛮多的公司开发App是基于React Native来开发的,这样可以做到一个App,就是一套代码,一个团队.对于公司来说,无疑节约了成本. <React Native开发>这系列的文章主要是记录本人利用React Native学习开发的笔记,这一篇文章是第一篇<搭建React Na

搭建Eclipse开发和调试环境(真机)

由于工作原因,最近开始了Android开发.之前接触过一段时间Android,还是在2.x时代. 那个时候搭建开发环境还是挺麻烦的.又是Eclipse,又是ADT的,不同的版本还要安装对应开发包.现在方便了,下载一个ADT压缩包就搞定了. 简单记录如下: 工具下载: JDK:http://www.oracle.com/technetwork/java/javase/downloads/index.html ADT:http://developer.android.com/sdk/index.ht