React Native Windows 安装方法
来源:互联网 发布:mac 系统架构图 工具 编辑:程序博客网 时间:2024/06/05 22:30
写在前面的话
本人是在 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.zipException 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 Native Windows 安装方法
- React native windows安装
- React Native Windows 安装
- Windows下React Native安装
- React native android 入门之windows安装
- Windows 下安装React Native相关问题
- React-Native Windows完全安装指南
- windows安装React Native开发运行环境
- windows下安装react native要点
- Windows搭建安装React Native环境配置
- windows android react-native 环境安装
- react-native windows 入门
- (React-Native 学习之一) Windows版本搭建安装React Native环境配置
- 【react-native】react-native Windows+Android 安装并运行起来第一个demo
- 【React Native】React Native的bind方法
- 史上最全Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 史上最详细Windows版本搭建安装React Native环境配置
- 爬爬爬之路:OC语言(九) 内存管理(初级)
- 我第二次用SecureCRT时的糗事
- LightOJ - 1082 Array Queries(RMQ)
- 网络协议层学习笔记
- cocos2d-x设计模式发掘之六:观察者模式
- React Native Windows 安装方法
- 图像处理大型科普---上下采样
- 例题4-1 UVa1339 Ancient Cipher
- 计算机网络知识
- LightOJ - 1081 Square Queries(二维RMQ)
- Binary Tree Level Order Traversal(二叉树层序遍历)
- C/C++二维数组的参数传递与二维指针
- MFC 中 Radio Button 使用方法
- B/S架构与C/S架构的区别