React Native 之安装过程及遇到的问题

背景

本文在写时，react native的版本是v0.32.0-rc.0，react native cli的版本是1.0.0。

本人是学Android的，过来学学react native，所以jdk、sdk、Android studio什么的配置环境，都默认是已经安装配置好的了，如果这些你还没有安装的话，可以网上查查资料先装起来吧。

安装文档手册

官方英文文档：http://facebook.github.io/react-native/docs/getting-started.html

中文文档：http://reactnative.cn/docs/0.31/getting-started.html

按上面两个文档来安装，基本上没什么问题，我win10和mac都试过了，也安装成功了。（目前2016/08/08，mac项目跑成功了，win10还没）

遇到的问题及解决方法(持续更新)

在mac执行react-native init命令没有反应

一直卡在这句

Installing react-native package from npm...

问题原因及解决办法：

初始化项目要加载很多东西，是个比较漫长的过程，你可以在命令上加上–verbose来查看详情，可能并不是没有反应。

react-native init AsomeProject --verbose

而如果是由于网络问题导致很慢的话，那么可以换个源：

npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist[/code] 
然后再重新执行初始化命令。

在win10执行命令

react-native init AsomeProject --verbose


报错

events.js:154
throw er; // Unhandled 'error' event
^

Error: spawn npm ENOENT
at exports._errnoException (util.js:856:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32)
at onErrorNT (internal/child_process.js:344:16)
at _combinedTickCallback (node.js:377:13)
at process._tickCallback (node.js:401:11)


问题原因及解决办法：

使用源码来安装react native

先将源码克隆下来

git clone https://github.com/facebook/react-native.git[/code] 
然后将cmd命令行切换到源码目录下，接着使用npm install 安装

cd react-native && npm install


最后使用init命令，耐心等待，耐心等….

react-native init AsomeProject


重要：不要加–verbose参数

加–verbose报错，貌似是windows上的一个bug，facebook上有对应的issues

在mac上要打开js文件，且项目无法打开，报错

Error:EACCES:permission denied


the document index.android.js can not be open


问题原因及解决办法：

这是由于在执行初始化项目的时候使用了sudo，导致发生权限问题，解决办法就是不要加sudo命令，直接执行就好

react-native init AsomeProject --verbose