iOS拓展:react-native创建工程的坑和解决方法
2018-02-26 12:34
633 查看
正文
首先,在创建工程之前,你需要有环境。这个网上很多,不赘述。我们直接从创建工程开始,一步步记叙这过程。
坑一
一、打开终端,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
到此,终于成功创建。
作者:Jabber_YQ
链接:https://www.jianshu.com/p/507e69984251
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
相关文章推荐
- mac上最终运行react native init命令创建失败的解决方法
- 解决react-native 创建工程、init过程太慢的问题
- react-native 创建新项目红屏解决方法
- Eclipse无法正常创建android工程解决方法!
- iOS 创建多个子工程的方法
- Reactive-Native学习:iOS工程内嵌React-Native(二)
- Android开发中使用Eclipse创建工程后提示The project cannot be built until build path errors are resolved问题的解决方法
- vs2013无法创建c++工程之解决方法
- 如何用 React Native 创建一个iOS APP?
- Web工程中创建Servlet常见的问题以及解决方法
- 如何用 React Native 创建一个iOS APP?
- iOS创建多个子工程的方法
- 如何用 React Native 创建一个iOS APP?(二)
- 如何用 React Native 创建一个iOS APP?(三)
- Reactive-Native学习:iOS工程内嵌React-Native打包(三)
- 在iOS 中创建自定义Delegates properties with ARC错误的解决方法
- 创建的Android工程下面没有R文件 解决方法
- 如何用 React Native 创建一个iOS APP?(三)
- Eclipse无法正常创建android工程解决方法!
- ubuntu 启动项创建器 选择不了CD镜像,IOS镜像的解决方法