iOS ReactNative环境配置搭建安装React-Native遇到的问题
2015-12-10 18:04
741 查看
一、React Native简介
React Native是FaceBook开源的移动端编程语言,宗旨是“learn once,write anywhere”,用JavaScript开发你的原生应用,释放Native的UI体验,体验 Hybird开发效率。
二、参考的博文
https://facebook.github.io/react-native/docs/getting-started.html#content
http://www.csdn.net/article/2015-09-24/2825787-react-native
http://www.tuicool.com/articles/V3U3UbU
三、我的实践
在安装homebrew,node.js ,npm ,watchman,flow都很顺利,在最关键的一部,安装react-native的时候出错了。当我在终端执行nap install -g react-native-cli时报错,我当时也上心,我想我可以直接从GitHub上克隆安装:
$ git clone https://github.com/facebook/react-native.git
$ cd react-native && npm install
这样确实安装好了,那么问题来了,当我使用react-native创建一个项目的时候,我执行react-native init AwesomeProject命令,错误就来了-bash: react-native: command not found.
在往上查了一下,nodejs npm install有全局安装和本地安装的区别:
本地安装
1. 将安装包放在 ./node_modules 下(运行npm时所在的目录)
2. 可以通过 require() 来引入本地安装的包
全局安装
1. 将安装包放在 /usr/local 下
2. 可以直接在命令行里使用
然后我又回到最初的nap install -g react-native-cli,仔细看了看报错的地方,Please include the following file with any support request: /Users/ewu/npm-debug.log,就是npm-debug.log这个文件有权限,加上sudo再执行 sudo npm install
-g react-native-cli 就没事了。
四、用ReactNative创建一个新的项目
找到想创建项目的目录执行react-native init AwesomeProject命令,找到AwesomeProject文件,选择iOS/AwesomeProject.xcodeproj双击运行,index.ios.js文件修改javascript脚本。
废话不多说,直接动手,动手是真谛啊!
React Native是FaceBook开源的移动端编程语言,宗旨是“learn once,write anywhere”,用JavaScript开发你的原生应用,释放Native的UI体验,体验 Hybird开发效率。
二、参考的博文
https://facebook.github.io/react-native/docs/getting-started.html#content
http://www.csdn.net/article/2015-09-24/2825787-react-native
http://www.tuicool.com/articles/V3U3UbU
三、我的实践
在安装homebrew,node.js ,npm ,watchman,flow都很顺利,在最关键的一部,安装react-native的时候出错了。当我在终端执行nap install -g react-native-cli时报错,我当时也上心,我想我可以直接从GitHub上克隆安装:
$ git clone https://github.com/facebook/react-native.git
$ cd react-native && npm install
这样确实安装好了,那么问题来了,当我使用react-native创建一个项目的时候,我执行react-native init AwesomeProject命令,错误就来了-bash: react-native: command not found.
在往上查了一下,nodejs npm install有全局安装和本地安装的区别:
本地安装
1. 将安装包放在 ./node_modules 下(运行npm时所在的目录)
2. 可以通过 require() 来引入本地安装的包
全局安装
1. 将安装包放在 /usr/local 下
2. 可以直接在命令行里使用
然后我又回到最初的nap install -g react-native-cli,仔细看了看报错的地方,Please include the following file with any support request: /Users/ewu/npm-debug.log,就是npm-debug.log这个文件有权限,加上sudo再执行 sudo npm install
-g react-native-cli 就没事了。
四、用ReactNative创建一个新的项目
找到想创建项目的目录执行react-native init AwesomeProject命令,找到AwesomeProject文件,选择iOS/AwesomeProject.xcodeproj双击运行,index.ios.js文件修改javascript脚本。
废话不多说,直接动手,动手是真谛啊!
相关文章推荐
- React-Native入门
- react-native laoding statical image for android rn android平台下加载本地图片
- react-native laoding native image for android 加载静态图片
- Reactor设计模式
- react编译器jsxTransformer,babel
- react应用更新引入react-native-code-push
- ReactiveCocoa RACObserve subscribeNext 时,只有值不一样时才响应
- 深入浅析react native es6语法
- React操作表单
- 学习ReactiveCocoa教程 (整理的资料)
- react-native组件的生命周期
- reactjs新手篇this.props
- 深入探讨前端框架react
- 分享几篇有关react-native的博客
- 分享几篇有关react-native的博客
- rem布局在react中的应用
- 深入探讨前端框架react
- 深入浅析react native es6语法
- 书写一个twisted的Daemon
- 建立基于CocoaPods的ReactiveCocoa