背景
本文在写时,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
然后再重新执行初始化命令。
- 在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
然后将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