您的位置:首页 > Web前端 > React

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脚本。

废话不多说,直接动手,动手是真谛啊!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: