React Native开发环境搭建-Mac

1、React Native Command Line Tools安装

1
npm install -g react-native-cli

如果你看到EACCES: permission denied这样的权限报错,那么请参照上文的homebrew译注,修复/usr/local目录的所有权

1
sudo chown -R `whoami` /usr/local

帮助

1
react-native --help

2、创建 HelloWorld ReactNative

1
2
3
react-native init <项目名字>
如:
react-native init HelloWorld

3、运行应用

1
2
3
cd HelloWorld
react-native run-ios
react-native run-android

或直接用xcode打开工程

执行react-native run-ios 遇到下面错误:

xcrun: error: unable to find utility "instruments", not a developer tool or in PATH

解决方法:在 终端执行如下命令

1
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/

“react/rctbundleurlprovider.h no found”

原因是没有启动npm

1
2
cd HelloWorld
npm start

或者

1
2
3
1、删除node modules文件夹,然后重新执行npm install命令。
2、执行react-native upgrade 按照提示覆盖旧文件。
3、清楚xcode缓存shift+alt+command+k

有时出现错误,可能重启一下就ok了.

ReactNative规范指南

文章作者: kyren
文章链接: http://huluo666.github.io/2018/04/02/React-Native开发环境搭建-Mac/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Kyren's Blog