React Native 入门

React Native 入门_第1张图片
React Native 入门_第2张图片

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

1.安装 Homebrew :

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

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

参考自 Mac 安装 brew

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 的时候,可能会遇到如下错误:

React Native 入门_第3张图片

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

React Native 入门_第4张图片

解决办法:

brew doctor

brew prune

brew reinstall pkg-config

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

2. 双击 xcode.project 报错

React Native 入门_第5张图片

解决办法:

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

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

React Native 入门_第6张图片

解决办法:

sudo chmod777~/.babel.json

4.运行工程报错如下:

React Native 入门_第7张图片

解决方案在这里:

Command /bin/sh failed with exit code 127

再次运行工程,成功!

React Native 入门_第8张图片

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

React Native 入门_第9张图片

你可能感兴趣的:(React Native 入门)