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

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

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

npm install -g react-native-cli

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

react-native init FirstApp

初始化完成后以下npm

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 建立的项目使用的是什么版本的Gradlewindows

clipboard.png

clipboard.png

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

clipboard.png

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

clipboard.png

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

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
从新加载工程 运行 成功ide

clipboard.png

借鉴了不少大神的经验 在此感谢工具

相关文章
相关标签/搜索