React Native Windows 安装方法

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

写在前面的话

本人是在 Windows 7上进行的配置
公司有代理可以连接外网,如果外网被墙了,你需要找个代理。否则本文对你来讲没什么意义
在公司有代理情况下仍然遇到不少问题,主要表现为明明一个链接浏览器可以下载,命令下却不行。

如果你有一个好的vpn,那是极好的。

安装JDK

Java 官网下载JDK并安装。请注意选择x86还是x64版本。

推荐将JDK的bin目录加入系统PATH环境变量。

安装Android SDK

可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。

为了加速下载,推荐从AndroidDevTools下载。

然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager),确保以下项目已经安装并更新到最新:

Tools/Android SDK Tools (24.3.3)

Tools/Android SDK Platform-tools (22)

Tools/Android SDK Build-tools (23.0.1)

Android 6.0 (API 23)/SDK Platform (1)

Extras/Android Support Library(23.0.1)

安装git

官网下载git并安装

git代理配置

%USERPROFILE% 目录下的.gitconfig 文里添加以下内容

[http]
    proxy = http://:
[https]
    proxy = https://:
 
##git代理配置
git config --global url.https://github.com/.insteadOf git://github.com/

安装node.js

官网下载node.js的官方4.1版本或更高版本

安装react-native命令行工具

官方的安装方法

npm install -g react-native-cli
如果出现以下网络错误,可以通过设置代理来解决 ![这里写图片描述](http://img.blog.csdn.net/20151107092333164)
$ npm config set proxy http://proxy:port
$ npm config set https-proxy https://proxy:port

创建项目

进入你的工作目录,运行

react-native init MyProject

运行Packages

node node_modules\react-native\packager\packager.js

运行成功后,在浏览器中试试输入以下,地址看看能否成功
http://localhost:8081/index.android.bundle?platform=android

运行Android

react-native run-android

此步中可能存在以下错误

Building and installing the app on the device (cd android && gradlew.bat install
Debug)…
Downloading http://services.gradle.org/distributions/gradle-2.4-all.zip

Exception in thread “main” java.net.ConnectException: Connection timed out: conn
ect
at java.net.DualStackPlainSocketImpl.connect0(Native Method)

解决方法
手动下载这个文件http://services.gradle.org/distributions/gradle-2.4-all.zip 修改改{MyProject-path}\android\gradle\wrapper\gradle-wrapper里的distributionUrl为本地路径:

distributionUrl=file:///D:/ReactNative/gradle-2.4-all.zip

错误2

A problem occurred configuring root project ‘MyProject’.
> Could not resolve all dependencies for configuration ‘:classpath’.
> Could not resolve com.android.tools.build:gradle:1.3.1.
required by:
:MyProject:unspecified
> Could not resolve com.android.tools.build:gradle:1.3.1.
> Could not get resource >’https://jcenter.bintray.com/com/android/tools
/build/gradle/1.3.1/gradle-1.3.1.pom’.
> Could not GET >’https://jcenter.bintray.com/com/android/tools/build
/gradle/1.3.1/gradle-1.3.1.pom’.
> Connection to https://jcenter.bintray.com refused

仍然是设置代理:

遇到的问题

问题1: git链接失败

npm ERR! fatal: unable to connect to github.com:
npm ERR! github.com[0: 192.30.252.129]: errno=No error

解决方法:git代理配置(前面有)

问题2: support-annotations-23.0.1.jar找不到

What went wrong:
A problem occurred configuring project ‘:app’.> Could not find support-annotations.jar (com.android.support:support-annotations:23.0.1). Searched in the following locations: file:/D:/android/adt-bundle-windows-x86_64-20140702/sdk/extras/android/m2repository/com/android/support/support-annotations/23.0.1/support-annotations-23.
0.1.jar

解决方法 我估计是SDK Manager在下载Extras时出现错误引起的,在SDK Manager里将Extras相关的全部删除后,重新下载

**问题3:**dx.jar找不到

*What went wrong:
Execution Failed for task ‘:app:preDexDebug’.
java.lang.IllegalStateException: dx.jar is missing

出现此错误时,我查了一下dx.jar在build-tools下的各个版本下是有的,但在windows上不知道为什么变成了build-tools-23.0.1,好在之前还下载得有一个23.0.2,于是把build.gradle里的buildToolsVersion改为23.0.2

android{
    compileSdkVersion 23
    buildToolsVersion "23.0.2"
}

参考文档

http://my.oschina.net/jackzlz/blog/508210

猜你在找的React相关文章