React Native Android Fetch failing on connection to local API

by

You are not able to access your local development server because that port hasn’t been forwarded by ADB yet. When you run react-native run-android, React Native maps the port 8081 with your mobile device on USB. When you disconnect your USB you won’t be able to refresh or hot reload your code anymore. So in this situation you can do 2 things, either map your local server port just like React Native does or use your local IP address.

  1. Mapping Port

    This only works if you are using Android 6.0+. To forward a port using ADB run the following command in your terminal:

    adb reverse tcp:8163 tcp:8163

    This will map your local 8163 port to mobile’s 8163 port. You’ll be able to access your development server this way.

  2. Using local IP address

    You can also use your local IP on React Native development app to reload them without USB. Shake your device or long press the menu button to open developer menu. Open Dev Settings, then tap Debug server host & port for device. Here you can enter your machine’s local IP with port number 8081. For ex. if your machine’s IP is 192.168.1.100 then you’d enter 192.168.1.100:8081 in here for successful connection. Now we have covered that we can reload the app. After this when you want to use your local machine’s development server use the same IP with your server’s port number.

You should be good to go with this.

More Related Contents:

  1. Unable to load script from assets index.android.bundle on windows
  2. Build and Install unsigned apk on device without the development server?
  3. Android failed to load JS bundle
  4. error “Could not get BatchedBridge, make sure your bundle is packaged properly” on start of app
  5. react-native: command not found
  6. Failed to find Build Tools revision 23.0.1
  7. How to style the standard react-native android picker?
  8. How do you debug React Native?
  9. Could not connect to React Native development server on Android
  10. Resource linking fails on lStar
  11. Unable to connect with remote debugger
  12. Save sensitive data in React Native
  13. React Native adb reverse ENOENT
  14. How to display GIF in react-native android app?
  15. React-Native, Android, Genymotion: ADB server didn’t ACK
  16. React-Native: Module AppRegistry is not a registered callable module
  17. Package signatures do not match the previously installed version
  18. React-Native :java.lang.UnsatisfiedLinkError: couldn’t find DSO to load: libhermes.so
  19. Change package name for Android in React Native
  20. Facebook Sdk Has Not Been Initialized FacebookSdk.sdkInitialize()
  21. React-native google signin gives Developer Error
  22. Release APK Not Updating With JavaScript Code
  23. Execution failed for task ‘:app:checkReleaseDuplicateClasses’
  24. How to solve (Could not initialize class org.codehaus.groovy.reflection.ReflectionCache) issue in react native
  25. React-native: Images not showing in android device; but shows perfectly in emulator
  26. Disable Screen Capture/ScreenShot in React Native App
  27. How to add network_security_config.xml to manifest in expo app without ejecting
  28. How to use offline bundle on android for react native project?
  29. How to disable font scaling in React Native for IOS And Android app?
  30. How can I implement SSL Certificate Pinning while using React Native

Leave a Comment