React Native开发环境搭建中的各种坑-Windows

http://www.imooc.com/video/14281 慕课网有视频讲解 不过不是很详细 很多坑要自己填
需要安装的工具
1.Node.js
2.React Native Command Line
3.Android studio

1.Node.js的安装比较简单 这里面也没有什么坑
2.成功安装完Node.js之后就可以通过命令安装React Native
打开命令提示符 输入下列命令即可

npm install -g react-native-cli

3.直接在https://developer.android.goo... 进行Android studio的下载安装
安装一路next就可以了
安装完成后 打开命令提示符 输入下列命令创建并初始化第一个应用

react-native init FirstApp

初始化完成后如下

clipboard.png

之后可以打开Android studio 出现错误如下
Gradle sync failed: Cause: error in opening zip file
Consult IDE log for more details (Help | Show Log)
确认当前Android studio 2.3.1 创建的项目使用的是什么版本的Gradle

clipboard.png

clipboard.png

将下载地址复制到浏览器下载:https://services.gradle.org/d...
打开C:/Users/Administrator/.gradle/wrapper/dists/gradle-3.3-all/55gk2rcmfc6p2dg9u9ohc3hw9

clipboard.png

将下载好的gradle-3.3-all.zip替换掉文件夹中的文件 并解压

clipboard.png

接下来安装android emulator 还要安装intel haxm来加速模拟器如果已经墙了可以直接在Android Studio里安装
没有墙的windows用户可以直接在这下载https://software.intel.com/en...

clipboard.png

解压后安装即可
之后模拟器可以正常运行了 开机后输入密码 随便输了个 报错来了
unable to load script form assets
原因是没有找到assets下文件
1.首先手动在main下建立一个assets文件夹
2.然后cmd 进入项目的根目录下执行 React-native bundle --platform Android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
重新加载工程 运行 成功

clipboard.png

借鉴了很多大神的经验 在此感谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值