MacOS搭建ReactNative开发环境遇到的问题以及解决

一、ReactNative简介http://

React Native是FaceBook开源的移动端编程语言，宗旨是“learn once,write anywhere”,用JavaScript开发你的原生应用，释放Native的UI体验，体验 Hybird开发效率。

二、参考的博文

官方文档

React Native实战（一）

React-Native入门指南

三、我的实践

在安装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脚本。

废话不多说，直接动手，动手是真谛啊！

最后

以上就是爱笑茉莉最近收集整理的关于MacOS搭建ReactNative开发环境遇到的问题以及解决的全部内容，更多相关MacOS搭建ReactNative开发环境遇到内容请搜索靠谱客的其他文章。