研究几天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. 关于GUID的相关知识

     全局唯一标识符(GUID,Globally Unique Identifier)是一种由算法生成的二进制长度为128位的数字标识符.GUID主要用于在拥有多个节点.多台计算机的网络或系统中.在理想情 ...

  2. Eclipse 工程Clear与build的作用

    由于eclipse的编译是基于时间戳的判断机制的.因此当你按build all的时候有些eclipse认为时间戳没有改变的类不会被编译.因此你可以先clean一下再编译.这个时候eclipse会将所有 ...

  3. URL tailing slash

    Without tailing slash request header GET /snippets HTTP/1.1 User-Agent: Fiddler Host: 192.168.128.13 ...

  4. 浅析Java中的访问权限控制

    浅析Java中的访问权限控制 今天我们来一起了解一下Java语言中的访问权限控制.在讨论访问权限控制之前,先来讨论一下为何需要访问权限控制.考虑两个场景: 场景1:工程师A编写了一个类ClassA,但 ...

  5. plain framework 1 参考手册 入门指引之 代码风格

    代码风格 介绍 介绍 框架自身采用了google的C++风格,作者也鼓励在你的应用中使用此风格,有关此风格你可以查阅相关资料了解.下面是一段plain framework中的代码,以便大家参考: 你可 ...

  6. c++形参改变实参(对指针的理解

    这几天搞逻辑比较晕,居然把指针的概念都混淆了. eg:int *p;//当然不对指针初始化在有些编译器是通不过编译的,比如VS(尤其是选中了SDL) 指针p是一个对象,定义开始没有分配了内存空间,只是 ...

  7. 手机打开PDF文档中文英文支持(乱码问题)解决攻略

    电子书的优点很多,随时随地阅读,无论白天黑夜走路坐车都能阅读:想确认一下某句话是不是这本书里的,搜索一下就可以知道:搬家也不用发愁,几万本书带在身上,依然轻松步行.我买了一台平板主要动因就是为了看书, ...

  8. [Computer structure] Written Notes

    To some extent, taking notes using my pen and pencil is also an interesting thing! bingo! ~ 2016-03- ...

  9. HMAC算法AS3版

    http://www.cnblogs.com/appleseed/archive/2008/09/17/1292232.html

  10. Maven学习(九)插件介绍

    我们都知道Maven本质上是一个插件框架,它的核心并不执行任何具体的构建任务,所有这些任务都交给插件来完成,例如编译源代码是由maven-compiler-plugin完成的.进一步说,每个任务对应了 ...