研究几天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. 一个经典实用的iptables shell脚本

    PS:这个iptables脚本不错,很实用,根据实际应用改一下就可以自己用.分享出来,供大家来参考.原作者佚名.源代码如下: #!/bin/sh # modprobe ipt_MASQUERADE m ...

  2. 简述java序列化

      1. 什么是Java对象序列化     Java平台允许我们在内存中创建可复用的Java对象,但一般情况下,只有当JVM处于运行时,这些对象才可能存在,即,这些对象的生命周期不会比JVM的生命周期 ...

  3. SQL Server 分页方法汇总

    PageSize = 30 PageNumber = 201 方法一:(最常用的分页代码, top / not in) UserId UserId from UserInfo order by Use ...

  4. c# FTP操作类

    using System; using System.Collections.Generic; using System.Text; using System.IO; using System.Net ...

  5. file

    用来测试文件类型 $file [] filename -b列出辨识结果时,但不显示文件名称 -L如果文件是符号链接,那么直接解读其指向的文件 -z:如果文件是压缩文件,尝试去解读压缩文件的内容 $fi ...

  6. java报表工具finereport常用函数的用法总结(数组函数)

    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素,再返回该数组. 示例: ADDARRAY([3 ...

  7. I am back-电商网站开发&jQuery

    hi 之前有将近两周的时间没有更新,除了懒就是其他的事情耽误了.现在好了,回家了,虽然家里停水,外面又有积雪,天寒地冻的,但诸多不便,都比不过有点闲的好. 开搞每个学PHP的必经之路——电商网站的开发 ...

  8. leetcode-Count Primes 以及python的小特性

    题目大家都非常熟悉,求小于n的所有素数的个数. 自己写的python 代码老是通不过时间门槛,无奈去看了看大家写的code.下面是我看到的投票最高的code: class Solution: # @p ...

  9. wamp5设置外网访问方法

    1.安装完Wamp5之后,从外网访问网页时存在无法访问问题. 2.phpmyadmin外网没法访问 1.解决办法: 打开wamp的托盘图标(右下角),找到"Config files" ...

  10. Nginx反向代理和负载均衡——个人配置

    #user nobody; worker_processes 2; #error_log logs/error.log; #error_log logs/error.log notice; #erro ...