加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 06:56:51 所属栏目:百科 来源:网络整理
导读:http://www.imooc.com/video/14281 慕课网有视频讲解 不过不是很详细 很多坑要自己填 需要安装的工具 1.Node.js 2.React Native Command Line 3.Android studio 1.Node.js的安装比较简单 这里面也没有什么坑 2.成功安装完Node.js之后就可以通过命令安装React

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读