React NativeのAndroid実機ビルドと出たエラー対処メモ #rnjapan

  • 1
    いいね
  • 0
    コメント

React & React Native入門者向けハンズオン#3にてAndroidでの実機ビルドを試しています。

環境

  • Node.js v8.2.0
  • Android 6系 (Nexus 5)
  • macOS Sierra

手順

事前にAndroidで実機デバッグはできる環境になっています。

$ adb devices

List of devices attached
077989c000d1fe86    device
$ npm install -g react-native-cli


これでreact nativeコマンドが使えます。

$ react-native --help
$ react-native init HelloReactNative
$ cd HelloReactNative
$ react-native run-android

本来であれば、この手順でサンプルアプリが立ち上がります。

出たエラー

最後のreact-native run-androidのコマンドで以下のエラーがでました。

Scanning 556 folders for symlinks in /Users/n0bisuke/dotstudio/2_events/20170723_react/HelloReactNative/node_modules (8ms)
JS server already running.
Building and installing the app on the device (cd android && ./gradlew installDebug)...

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring project ':app'.
> SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 6.556 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

ここが問題でした

SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

公式のAndroid SetupページをみるとMacの場合はexport ANDROID_HOME=/usr/local/opt/android-sdkをしろって書いてます。

普段からAndroid開発をしている訳では無いのでパスを忘れがちですが、Android Studioに設定してあるパスはこの方法で確認できました

/Users/n0bisuke/Library/Android/sdkらしいのでexport ANDROID_HOME=/Users/n0bisuke/Library/Android/sdkを実行(& .zshrcに追記)して再実行することでビルドが成功しました。