Mac编译运行ReactNative UIExplorer项目的一些坑备忘

官方步骤

git clone https://github.com/facebook/react-native.git
cd react-native
npm install

// 在iOS上运行
- Open `Examples/UIExplorer/UIExplorer.xcodeproj` in Xcode
- Hit the Run button

// 在Android上运行
cd react-native
./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

编译运行Android时遇到的问题

1. 提示未安装NDK

  • 下载r10e版本的NDK(目前最新的版本为r11c会出现如下错误)

Execution failed for task ':ReactAndroid:buildReactNdkLib'.
Process 'command ~ finished with non-zero exit value 2

可以到这里下载:http://www.androiddevtools.cn

  • 下载得到的是个.bin结尾的文件,使用如下命令解压

chmod a+x xxx.bin
./xxx.bin

  • 添加ANDROID_NDK环境变量

进入user目录,使用vi或open命令打开.bash_profile命令
export ANDROID_NDK_HOME={ndk目录的完整路径}

你可能感兴趣的:(Mac编译运行ReactNative UIExplorer项目的一些坑备忘)