Windows下React Native Android实记

发布时间:2019-06-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Windows下React Native Android实记脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

1. JDK安装

jdk安装完成后,需要配置path环境。

2. 安装AndROId SDK

本人借助Android Studio这款软件完成,搜索引擎输入搜索即可找到下载资
clipboard.png

clipboard.png

需要配置path,加入如:E:Androidsdkplatform-tools;E:Androidsdktools;E:Androidsdk;

3. 安装node.js

由于nodejs中使用GYP进行项目构建管理,而GYP是基于Python的构建工具。因此,需要先安装Python
此外,在Windows系统下,nodejs采用GYP来生成Visual Studio Solution文件后,需要通过C++的编译器将其编译为二进制文件。因此,又需要先安装C++编译环境。
最后,安装nodejs墙裂建议选择stable稳定版】。
系列安装完成后,进入cmd,输入"npm"指令后回车,出现形同以下画面内容,则安装成功。

clipboard.png

需要配置path,加入如:E:Androidpython27;C:UserscheAppDataRoamingnpm;

3.* 安装gIT

git可先不安装,若后续步骤皆安装完毕后。执行react native指令抛错,可考虑是否是这个原因造成。我之前为了排错把这个装上了,结果是nodejs版本问题。所以git是否有影响暂不清楚。故此处标*,望大神日后补充。

4. 安装react-native

在cmd中输入:npm install -g react-native-cli,回车。
【在此之前可将npm切换至国内镜像:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist】

5. 项目初始化

cd选择你想要存放项目的目录下,执行:react-native init chePRoject(项目名称),回车。这个过程比较慢,至少10分钟以上。当出现以下画面,恭喜您。

Windows下React Native Android实记

6. 真机调试

手机通过usb连接脑,切换成调试模式后。在cmd中输入:adb devices,可查看设备是否接入成功。
安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考
cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。

Windows下React Native Android实记

Windows下React Native Android实记

7. 一些麻烦

  1. react native创建好项目后首次运行问题
  2. react-native init project时报错
  3. react native初始化项目在安卓真机运行问题
  4. 初始化项目部署至真机时,红屏错误:ReferenceError:Can't find VARiable:_fbBatchedbridge(...)

    Windows下React Native Android实记

Reload JS后,错误变更为:

Windows下React Native Android实记


如果你和我一样,根据网上的方法:Dev Settings > Debug server host &amp; port for device and enter <your ipv4 adress>:8081,然后Relaod JS甚至重启APP都没效果,且用的RN版本是0.18.1。可尝试以下解决方法:
删除 你RN项目下node_modulesreact-deep-force-update.babelrc这个文件。


持续更新...


参考文献:

  1. react native中文网
  2. pomelo windows 环境下开发环境搭建

脚本宝典总结

以上是脚本宝典为你收集整理的Windows下React Native Android实记全部内容,希望文章能够帮你解决Windows下React Native Android实记所遇到的问题。

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

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