Posts tagged "Troubleshooting React Native"

How to fix SDK location not found error when running “react-native run-android”

Welcome to “Troubleshooting React Native” series. I am writing this series for React Native beginners to provide simple solutions to common frustrating problems. With React Native you dont just have to deal with Javascript errors but also errors related to native Android and iOS build tools.

The error I am showing you now can be a real bummer since it is one of the first errors you might face when trying to setup React Native for Android development. The error usually says the following:


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: 8.082 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

This one is pretty easy to solve, but it can be intimidating to see an error like this when you are just starting out.

The error that we see here is that React Native CLI isn’t able to locate the Android SDK, so we have to just tell it where to find it. To do that you need to do the following steps:

  • Open your React Native app directory.
  • Navigate to your-app/android/
  • Create a simple text file and call it local.properties
  • Add the following code to this file (Don’t forget to replace “your-username” with your actual username.):
sdk.dir = /Users/your-username/Library/Android/sdk
  • That’s it! run “react-native run-android” command again or use Android Studio to run the project.

I am hoping this helps someone out there just starting out with React Native. Watch this space for more articles like this one.

How to fix SDK build tools revision too low error when running “react-native run-android” command

Welcome to “Troubleshooting React Native” series. I am writing this series for React Native beginners to provide simple solutions to common frustrating problems. With React Native you dont just have to deal with Javascript errors but also errors related to native Android and iOS build tools.

In early days of developing with React Native, one of the problems you could face is get an error when you try to link a third party library with your React Native App, which is a very common thing to do. For example Facebook SDK (which powers Facebook Login and Facebook Analytics among other things). Sometimes it will occur when you are trying to compile an existing app. Here’s what the error says:


FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring project ‘:app’.
> Could not resolve all dependencies for configuration ‘:app:_debugApk’.
> A problem occurred configuring project ‘:react-native-fbsdk’.
> The SDK Build Tools revision (23.0.1) is too low for project ‘:react-native-fbsdk’. Minimum required is 25.0.0

* 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: 2.113 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

Fortunately it’s a very simple fix, you just have to follow these steps:

  • Open Android Studio.
  • Go to File -> Open
  • Navigate to your-react-native-project/android, select it and click open.
  • Once it has analyzed your app it should show you error(s) on the bottom:
  • Click on “Update Build Tools version and sync project” underneath each error.
  • That’s it, you can run the app from Android Studio by clicking on the play icon or execute the “react-native run-android” command again from terminal. However before you do that make sure you have an emulator running or a phone connected as it won’t automatically launch an emulator instance.

You might see the same error when trying to link other libraries as well, and is not limited to react-native-fbsdk. However the procedure to fix it remains the same.

Hope this helps someone just starting out, if you are having any other issues let me know in the comments and I will help you figure it out!