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

前端之家收集整理的这篇文章主要介绍了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

初始化完成后如下

之后可以打开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

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

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

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

解压后安装即可
之后模拟器可以正常运行了 开机后输入密码 随便输了个 报错来了
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
重新加载工程 运行 成功

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

原文链接:https://www.f2er.com/react/303320.html

猜你在找的React相关文章