研究几天RN(React-Native)后,跟着官方的demo做了一下电影图片显示的那个,但是总感觉官方的demo欠缺点什么,所以找来找去找到了RN版的知乎日报,话说知乎日报什么版的都有,不信你们上网搜搜。

下面是知乎日报的链接:https://github.com/race604/ZhiHuDaily-React-Native

话说我是个git盲,所以我是DOWNLOAD zip下载的,这也导致出现了后边的一些小问题,下载之后解压,然后直接复制到了搭建RN开发环境中的Reactnative目录,具体这个目录我觉得没必要和我这个一致,应该是放在任何目录下均可,只是在运行时记得到目录下。

然后打开 CMD,运行react-native start,出现了下边的错误,说实话,我一开始是不知道是什么错误的,所以直接无视。

然后,我聪明了下,直接运行react-native run-android。
于是乎出现了上边的错误,因为之前运行官方的demo是可以的,所以觉得是哪里配置错误,所以狠找,但是还是找不到问题,在群里问了半天,最后一大神说,你确定你环境装完了?我说,确定,然后他给我发了下边的链接:http://react-native.cn/docs/android-setup.html#content
这是官方的安卓环境配置的说明文档,靠,不看不知道,一看吓一跳,第一个就是安装git,结果我是没有装的,这个有自己的问题,也有很多大神的问题,之前搭建环境文档中就没有提说要装git,大家都忽略了官方文档,都看神的了,所以出现这个问题,然后我果断按文档下载安装git,并记住文档中的说明,要设置环境变量,如下图:
安装完之后可以生成下边的快捷方式,安装git时注意看看过程中的每个选项,这个东西的选项比较多。
然后安装完之后,我们接着CMD,结果react-native start涛声依旧
 
然后再试试react-native run-android,前提是打开模拟器啊,一切正常,结果最后来个这错误:
这个错误是本身代码的问题,需要修改两个文件,所说官方已经改了,但是我也是直接下载的,具体为什么没有更新过来,我也不知道,修改这个错误的方法,请参照git上的链接 :
昨天还能打开的链接,issue链接,今天已经删除了,这说明作者已经解决了这个问题了,所以大家下载下来的代码应该不会出现这个问题,如果你们出现了,给我留言,我告诉你修改哪两个文件。一个是C:\Users\Administrator\reactNative\ZhiHuDaily\android\app\src\main\AndroidManifest.xml另一个是C:\Users\Administrator\reactNative\ZhiHuDaily\android\app\src\main\java\com\race604\zhihu\daily\MainActivity.java,具体怎么改就不说了,这个问题应该是不存在 了。
也显示build成功,结果呢,在模拟器中一点击运行程序图标,程序一运行就闪退,说实话不知道什么问题。
后来,灵机一动,是不是还是git的原因,于是乎,打开桌面上的git bash,在里边运行react-native start,呵呵,好了,如下图:
 
呵呵,这时候我已经意识到成功就在眼前了,然后再运行react-native run-android,成功了。如下图:
 
然后打开模拟器中的应用程序,OK!
成功的喜悦总是激荡着我们的内心,这也可能是我们程序猿们坚持在这个领域的重要原因,每每调试成功一个程序或者发布一个产品,都有一种内心的喜悦,有时无法用言语来表达,非程序猿可能感受不到,所以赶紧把这个艰难的过程记录下来。

React-Native运行知乎日报遇到的问题的更多相关文章

  1. React Native运行原理解析

    Facebook 于2015年9月15日推出react native for Android 版本, 加上2014年底已经开源的IOS版本,至此RN (react-native)真正成为跨平台的客户端 ...

  2. react native 运行项目下载gradle慢的解决办法

    react-native run-android 慢 React-native run-Android中需要下载https://services.gradle.org/distributions/gr ...

  3. react native运行报错

    更换RN项目目录位置后,react-native run-ios,出错. node_modules/react-native/ReactCommon/yoga/yoga/YGNodeList.c 解决 ...

  4. react Native 运行报错之一 gradle-2.14.1-all解压失败的问题

    在react-native run-android  时 可能出现压缩包不成功的情况,原因是压缩包失败,需要手动解压到相应目录, 目录:C:\Users\Administrator\.gradle\w ...

  5. React Native运行安卓报错解决记录

    1>Error:Configuration with name ‘default’ not found. 解决链接: http://blog.csdn.net/u011240877/articl ...

  6. React Native运行出现Could not find "iPhone X" simulator

    打开项目文件夹下 node_modules/react-native/local-cli/runIOS/findMatchingSimulator.js 查找 if (!version.startsW ...

  7. React Native:使用 JavaScript 构建原生应用

    [转载] 本篇为联合翻译,译者:寸志,范洪春,kmokidd,姜天意 数月前,Facebook 对外宣布了正在开发的 React Native 框架,这个框架允许你使用 JavaScript 开发原生 ...

  8. 深入浅出 React Native:使用 JavaScript 构建原生应用

    深入浅出 React Native:使用 JavaScript 构建原生应用 链接:https://zhuanlan.zhihu.com/p/19996445 原文:Introducing React ...

  9. React Native:使用 JavaScript 构建原生应用 详细剖析

    数月前,Facebook 对外宣布了正在开发的 React Native 框架,这个框架允许你使用 JavaScript 开发原生的 iOS 应用——就在今天,Beta 版的仓库释出了! 基于 Pho ...

随机推荐

  1. oracle 数据库导出数据

    cmd导出数据: exp  ZD_ZD_ZDWW/zdzd1402!@11.111.111.213/orcl file=c:\1234.dmp owner=ZD_ZD_ZDWW

  2. mysql避免重复插入的三种方法

    在开发中,我们经常遇到这样的需求,如果插入的数据不存在就插入存在就更新(或者不做任何操作).mysql的insert就提供了此功能,不需要我们在自己的业务逻辑代码上做处理.直接用mysql提供的功能来 ...

  3. sqlite3 shell的使用

    sqlite的安装 1. 首先是下载sqlite,可以该页面下载:http://www.sqlite.org/download.html 当前的最新版本为:sqlite-shell-win32-x86 ...

  4. hdu 4966 GGS-DDU (最小树形图)

    比较好的讲解:http://blog.csdn.net/wsniyufang/article/details/6747392 view code//首先为除根之外的每个点选定一条入边,这条入边一定要是 ...

  5. 使用jquery合并表格中相同文本的相邻单元格

    一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <met ...

  6. 百度CDN 网站SSL 配置

    百度CDN SSL配置步骤 一般从SSL提供商购买到的证书是CRT二进制格式的. 1. 将 CRT 导入到IIS中, 然后从IIS中导出为PFX格式 2. 下载openssl,执行下面命令 提取用户证 ...

  7. Wish You to Remember

    Just to myself: it is not complicate. And I don't know its internal principle now. (ms08-067) But I ...

  8. 【原】webapp开发中兼容Android4.0以下版本的css hack

    话说现在的手机型号越来越多,主要还是android和ios这2个巨头称霸了江湖,而他们自带的浏览器内核是webkit,那对于做移动网页开发的同事来说,一般只要做好webkit内核浏览器的展现效果就行了 ...

  9. Rhino 是一个完全使用Java语言编写的开源JavaScript实现。Rhino通常用于在Java程序中,为最终用户提供脚本化能力。它被作为J2SE 6上的默认Java脚本化引擎。

    https://developer.mozilla.org/zh-CN/docs/Mozilla/Projects/Rhino

  10. Hibernate一对一关系映射

    Hibernate提供了两种一对一映射关联关系的方式: 1)按照外键映射 2)按照主键映射 下面以员工账号表和员工档案表(员工账号和档案表之间是一对一的关系)为例,介绍这两种映射关系,并使用这两种 映 ...