React Native 入门

2015-12-23 本文已影响270人 DestinyFighter_

一、上面是官方文档的安装教程,但是,想要成功安装并没有那么容易,会碰到各种各样的问题,接下来就说一说我遇到的问题.

1.安装 Homebrew :

官方安装 brew (官方的不太靠谱)

curl -LsSfhttp://github.com/mxcl/homebrew/tarball/master| sudo tar xvz -C/usr/local --strip 1

2.安装并激活 nvm:

curl -o-https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh| bash

如果上面的命令运行失败,可能是版本号发生了变化,请移步官方文档.

激活 nvm :

“. ~/.nvm/nvm.sh” 或 “source ~/.nvm/nvm.sh”

3.brew 安装 node.js:

brew install node

4.安装 watchman:

brew install watchman

5.安装 flow:

brew install flow

6.安装react-native-cli，注意权限问题,前面要加上 sudo:

sudo npm install -g react-native-cli

7.初始化工程，炒鸡慢:

sudo react-native init Hello

二、遇到的问题:

1.安装 node.js 的时候,可能会遇到如下错误:

它提示你运行命令: brew link pkg-config , 但是你运行这行命令的时候,会报一个新的错误:

解决办法:

brew doctor

brew prune

brew reinstall pkg-config

然后再安装 node.js 就可以了.

2. 双击 xcode.project 报错

解决办法:

sudo chmod -R 777 + 工程所在文件夹路径 (设置可读写的操作权限)

3. 运行工程,弹出一个终端窗口,提示错误如下:

解决办法:

sudo chmod777~/.babel.json

4.运行工程报错如下:

解决方案在这里:

再次运行工程,成功!

此时,会弹出终端窗口,如下图: