研究几天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. Spark SQL 官方文档-中文翻译

    Spark SQL 官方文档-中文翻译 Spark版本:Spark 1.5.2 转载请注明出处:http://www.cnblogs.com/BYRans/ 1 概述(Overview) 2 Data ...

  2. 从本地向 Github 上传项目步骤攻略(快速上手版)

    最近想把之前自己做的一些好玩的项目共享到Github,网上找了一圈上传教程,都感觉写的太深奥.复杂,云里雾里,特把自己的方法纪录如下: PS:这种方式一般适用于:开始做项目时,没有直接在github上 ...

  3. Linux下的压缩zip,解压缩unzip命令详解及实例

    实例:压缩服务器上当前目录的内容为xxx.zip文件 zip -r xxx.zip ./* 解压zip文件到当前目录 unzip filename.zip ====================== ...

  4. Java:JSTL遍历数组,List,Set,Map

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  5. Codeforces 549B. Looksery Party[构造]

    B. Looksery Party time limit per test 1 second memory limit per test 256 megabytes input standard in ...

  6. Netty系列之Netty 服务端创建

    1. 背景 1.1. 原生NIO类库的复杂性 在开始本文之前,我先讲一件自己亲身经历的事:大约在2011年的时候,周边的两个业务团队同时进行新版本开发,他们都需要基于NIO非阻塞特性构建高性能.异步和 ...

  7. Java线上应用故障排查之二:高内存占用

    搞Java开发的,经常会碰到下面两种异常: 1.java.lang.OutOfMemoryError: PermGen space 2.java.lang.OutOfMemoryError: Java ...

  8. svn恢复被删除的分支 svn del 分支

    笔者不小心,在操作时,删除了一个主开发分支(main_dev). 一. 悲剧的语句: svn del  -m"1.误删除分支"  http://svr_path/branches/ ...

  9. 0e开头md5汇总

    PHP在处理哈希字符串时,会利用"!="或"=="来对哈希值进行比较,它把每一个以"0E"开头的哈希值都解释为0,所以如果两个不同的密码经过 ...

  10. android studio 中 .9.png的制作

    折腾好久,最后在一个群里面咨询一个朋友才弄好的,用的是1.2.2版,感觉对.9的支持不太好, 1,用一张干净的png图片放在mipmap里面. 2,点击图片右键最后一项,create 9-patch ...