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

发布时间:2019-06-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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

初始化完成后如下

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

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

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

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

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

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

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

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

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

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

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

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的React Native开发环境搭建中的各种坑-Windows全部内容,希望文章能够帮你解决React Native开发环境搭建中的各种坑-Windows所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。