前言
由于项目需要用到react-native技术，所以我也开始试着去了解它。说实话，这个react-native我是真的不喜欢，因为问题实在太多，而且很难解决。就单说创建工程这最基本的一步，就花了我将近一下午时间。
这是官方的使用文档，看起来简单，其实问题蛮多。开始使用React Native
正文
首先，在创建工程之前，你需要有环境。这个网上很多，不赘述。
我们直接从创建工程开始，一步步记叙这过程。
坑一
一、打开终端，cd到你放文件的位置（我放在桌面了）：
yuqideMacBook-Air:~ yuqi$ cd /Users/yuqi/Desktop
二、然后创建工程：
react-native init RN1
输入完后，桌面就立马多了一个RN1文件夹，然后终端会跳出一大串代码，最后出现下图，说明创建完成：
1_1.png
三、运行
这个时候，正如终端提示那样，你有两个方法可以打开项目，首先尝试第一个（cd到文件夹，然后run-ios命令）：
yuqideMacBook-Air:Desktop yuqi$ cd /Users/yuqi/Desktop/RN1 yuqideMacBook-Air:RN1 yuqi$ react-native run-ios结果运行失败：
1_2.png
查资料后，找到解决方法：
删除node-modules文件夹，修改pakage.json文件，然后执行
npm install。其中，pakage.json文件应该这么改：把
"react": "16.0.0-alpha.12",
"react-native": "0.45.0"
改成下面的版本：
"react": "16.0.0-alpha.6",
"react-native": "0.44.3"
1_3.png
1_4.png
这时，再执行
yuqideMacBook-Air:RN1 yuqi$ react-native run-ios
发现成功运行，并打开了一个新的终端：
1_5.png
1_6.png
到此坑一以及解决方法结束。
坑二
当我开心的以为这样就成功的时候，打开Xcode，发现跑不起来！
2_1.png
然后开始疯狂得搜索错误原因和解决方法，然而很久都搜不到。。。
最终，get到的解决办法是创建项目的时候的命令加一个版本设定：
yuqideMacBook-Air:Desktop yuqi$ react-native init --version="0.42.0" RN2创建完后，通过终端运行：
2_2.png
2_3.png
到此，终于成功创建。
网友评论