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

前端之家收集整理的这篇文章主要介绍了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

然后再重新执行初始化命令。

  • 在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

猜你在找的React相关文章