Network request failed binance android

React-native: React-Native Network request failed on Android Emulator API 16-19 with specific SSL Cipher suite

🐛 Bug Report

To Reproduce

This bug is related to React-Native v0.59.1

  1. react-native init testnet
  2. Copy these lines to your App.js above render()

Try to run project on Android Emulator running on API 16-19 with Google APIs,
You will have this error:

Notes:

  1. This testing demo is using an HTTPS website, So it’s not related to network security config cleartext issue.
  2. The problem occurs with specific SSL/TLS Cipher suites for web-servers which are the following as example:

It seems the whole project cannot access internet connectivity,
I have the permission in the manifest to access internet

Otherwise you can test the same project on Android Emulator running on API 20 or later.

Expected Behavior

Expected console log output with ‘TESTOUTPUT’, 12 .

Code Example

Environment

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:
1) Removed ./android/app/src/debug folder
2) add _android:usesCleartextTraffic=»true»_ to ./adnroid/app/src/main/AndroidManifest:

All 33 comments

I also met this situation.
responseJson TypeError: Network request failed at XMLHttpRequest.xhr.onerror (ReactNativeRenderer-dev.js:18677) at XMLHttpRequest.dispatchEvent (custom-event-target.js:67) at XMLHttpRequest.setReadyState (XMLHttpRequest.js:239) at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:471) at XMLHttpRequest.js:587 at RCTDeviceEventEmitter.emit (core.js:207) at MessageQueue.__callFunction (MessageQueue.js:410) at MessageQueue.js:145 at MessageQueue.__guard (MessageQueue.js:366) at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:144)

have the same problem, but only with local ip address, and API 28. So, I think it’s not really emulator API version issue

What is interesitng, if I switch on remote debugging it can send a request, but then fails on handling

Same problem here after upgrading from 0.57 to ReactNative 0.59.1.
TypeError: Network request failed at XMLHttpRequest.xhr.onerror (47baf4cc-4977-4d41-b6f0-f842f48c5840:23673) at XMLHttpRequest.dispatchEvent (47baf4cc-4977-4d41-b6f0-f842f48c5840:28317) at XMLHttpRequest.setReadyState (47baf4cc-4977-4d41-b6f0-f842f48c5840:28070) at XMLHttpRequest.__didCompleteResponse (47baf4cc-4977-4d41-b6f0-f842f48c5840:27897) at 47baf4cc-4977-4d41-b6f0-f842f48c5840:28007 at RCTDeviceEventEmitter.emit (47baf4cc-4977-4d41-b6f0-f842f48c5840:3290) at MessageQueue.__callFunction (47baf4cc-4977-4d41-b6f0-f842f48c5840:2587) at 47baf4cc-4977-4d41-b6f0-f842f48c5840:2344 at MessageQueue.__guard (47baf4cc-4977-4d41-b6f0-f842f48c5840:2541) at MessageQueue.callFunctionReturnFlushedQueue (47baf4cc-4977-4d41-b6f0-f842f48c5840:2343)

ENV INFO:
React Native Environment Info:
System:
OS: Linux 4.15 Ubuntu 16.04.5 LTS (Xenial Xerus)
CPU: (4) x64 Intel(R) Core(TM) i5-5200U CPU @ 2.20GHz
Memory: 183.18 MB / 7.66 GB
Shell: 4.3.48 — /bin/bash
Binaries:
Node: 8.12.0 — /usr/local/bin/node
Yarn: 1.9.4 — /usr/local/bin/yarn
npm: 6.4.1 — /usr/local/bin/npm
Watchman: 4.9.0 — /usr/local/bin/watchman
npmPackages:
react: ^16.8.4 => 16.8.4
react-native: ^0.59.1 => 0.59.1
npmGlobalPackages:
create-react-native-app: 2.0.2
react-native-cli: 2.0.1
react-native-git-upgrade: 0.2.7

My friend tried this bug at his side and he used another testing website https://www.json-generator.com and it works,
After that i have compared SSL certificates for the site i have used in the example above https://reqres.in and https://www.json-generator.com with this SSL Checking tool https://www.ionos.com/tools/ssl-checker and found the difference is Cipher suites enabled in ‘reqres.in’ are:

and for www.json-generator.com which is working fine, The Cipher suites are:

Which says none of the ‘reqres.in’ Cipher suites where compatible with API 16-19.
I hope if there is a workaround to get this fixed.

Читайте также:  Телефонные менеджеры для андроид

Hey 👋 thank you for raising this issue; starting with Android 9 (API level 28 — RN 59 builds with 28), cleartext traffic support is disabled by default.

@jahicDario @vitalii I think this applies to your issue; we added some network security config rules as part of 59 but these will only apply to new apps created through react-native init . For existing apps please could you try following the documentation indicated on the Android tab here: https://facebook.github.io/react-native/docs/integration-with-existing-apps#network-security-config-api-level-28

@areeb111 I think there may be two different issues going on here, if the cleartext configuration change is unrelated please could you let me know.

Thank you Salakar,
Yeah i know about the network security config rules, But this is a HTTPS site so it’s not a cleartext issue,
I have checked more and more and discovered that only sites are running with specific Cipher suites like the mentioned above are having problems with OkHttp library for Android APIs 16-19.

I’m seeing the same thing, «Uncaught Error: unsupported BodyInit type» after upgrading react-native to 0.59.1. Hopefully the following helps someone debug this further:

  1. I’m seeing this on a physical device running Android Pie / Android API Level 28. Also saw this on the iOS Simulator.
  2. This only happens with debugging enabled, I’m using Chrome 73.0.3683.86
  3. I tried adding the network_security_config.xml as suggested above but it didn’t make a difference.
  4. I’m on macOS 10.14.3

This is preventing me from debugging anything which makes a network call in Android so it would be great if someone could look at this. Thanks!

Stack Trace

Click to expand

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:
1) Removed ./android/app/src/debug folder
2) add _android:usesCleartextTraffic=»true»_ to ./adnroid/app/src/main/AndroidManifest:

The fix is landed in the master, but still requires some manual configuration in build.gradle. Please see https://github.com/facebook/react-native/pull/23984 for more information. Feel free to comment if issue persists with workaround, and I’ll re-open this.

Fixed for me with add android:usesCleartextTraffic=»true» to ./adnroid/app/src/main/AndroidManifest

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

Thanks it’s now fixed!

Hi, i’m having the same problem, i have the latest certs and am using android PI on the emulator (28)

Should i go for the fix mentioned in #23984
or should i enable the usesCleartextTraffic, that seems kinda dangerous? thanks

Edit:
I don’t see any OnCreate functions in my .java files
Edit2:
Ok, so for some reason the fix didn’t work for me?

20145 on 14 Apr 2019

I’m having the same Issue about a HTTP service (the error only in simulator with API 28 (Pie) environment). I already add the domain on react_native_config.xml and add the networkSecurityConfig on both Manifests.xml (debug and release) but still get the TypeError: Network request failed error:

Читайте также:  Как удалить заметки с андроида

My info:
info
React Native Environment Info:
System:
OS: macOS 10.14.2
CPU: (8) x64 Intel(R) Core(TM) i7-3720QM CPU @ 2.60GHz
Memory: 318.58 MB / 16.00 GB
Shell: 3.2.57 — /bin/bash
Binaries:
Node: 11.8.0 — /usr/local/bin/node
Yarn: 1.13.0 — /usr/local/bin/yarn
npm: 6.9.0 — /usr/local/bin/npm
Watchman: 4.9.0 — /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
Android SDK:
API Levels: 25, 26, 27, 28
Build Tools: 25.0.0, 25.0.1, 26.0.2, 27.0.3, 28.0.3
System Images: android-25 | Google APIs Intel x86 Atom, android-25 | Google APIs Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.3 AI-182.5107.16.33.5199772
Xcode: 10.2/10P91b — /usr/bin/xcodebuild
npmPackages:
react: 16.8.3 => 16.8.3
react-native: 0.59.0 => 0.59.0
npmGlobalPackages:
react-native-cli: 2.0.1
react-native-git-upgrade: 0.2.7

My react_native_config.xml:

acolhebrasil.com.br

My fetch:
fetch(baseURLAPI + action, <
method: method,
headers: headers,
body: bodyObj ? JSON.stringify(bodyObj) : null
>).then((response) => <
console.log(response)
if(response.ok) <
return response.json();
>

Console:
TypeError: Network request failed
at XMLHttpRequest.xhr.onerror (ReactNativeRenderer-dev.js:3731)
at XMLHttpRequest.dispatchEvent (ReactNativeRenderer-dev.js:10394)
at XMLHttpRequest.setReadyState (ReactNativeRenderer-dev.js:10127)
at XMLHttpRequest.__didCompleteResponse (ReactNativeRenderer-dev.js:9895)
at ReactNativeRenderer-dev.js:10051
at RCTDeviceEventEmitter.emit (blob:http://localhost:8081/9854a9b9-407d-4571-8675-e6fadd170803:3282)
at MessageQueue.__callFunction (ReactNativeART.js:13)
at blob:http://localhost:8081/9854a9b9-407d-4571-8675-e6fadd170803:2336
at MessageQueue.__guard (ReactNativeART.js:10)
at MessageQueue.callFunctionReturnFlushedQueue (blob:http://localhost:8081/9854a9b9-407d-4571-8675-e6fadd170803:2335)

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

This fixed it for me with apollo client.

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

For detailed information you can refer to this:
https://medium.com/@son.rommer/fix-cleartext-traffic-error-in-android-9-pie-2f4e9e2235e6

I will quote from the article:

this may appear to fix the problem but it opens a threat to data integrity. A better solution is offered in Android 7.0 through network security configuration file.

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

Worked the first time I lunch the app (release) but if I close it and open again, it can’t connect to the api again

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

still didnt resolve the issue. i removed the ./android/app/src/debug folder, added the android:usesCleartextTraffic application tag inside ./android/src/main/AndroidManifest.xml but still showing below error. Please anybody help

TypeError: Network request failed
at XMLHttpRequest.xhr.onerror (691a5233-3b7d-4b46-9…-c070b1174550:42527)
at XMLHttpRequest.dispatchEvent (691a5233-3b7d-4b46-9…-c070b1174550:47969)
at XMLHttpRequest.setReadyState (691a5233-3b7d-4b46-9…-c070b1174550:46830)
at XMLHttpRequest.__didCompleteResponse (691a5233-3b7d-4b46-9…-c070b1174550:46657)
at 691a5233-3b7d-4b46-9…-c070b1174550:46767
at RCTDeviceEventEmitter.emit (691a5233-3b7d-4b46-9…-c070b1174550:16846)
at MessageQueue.__callFunction (691a5233-3b7d-4b46-9…-c070b1174550:16459)
at 691a5233-3b7d-4b46-9…-c070b1174550:16216
at MessageQueue.__guard (691a5233-3b7d-4b46-9…-c070b1174550:16413)
at MessageQueue.callFunctionReturnFlushedQueue (691a5233-3b7d-4b46-9…-c070b1174550:16215)

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

still didnt resolve the issue. i removed the ./android/app/src/debug folder, added the android:usesCleartextTraffic application tag inside ./android/src/main/AndroidManifest.xml but still showing below error. Please anybody help

Читайте также:  Гугле диск для андроид

TypeError: Network request failed
at XMLHttpRequest.xhr.onerror (691a5233-3b7d-4b46-9…-c070b1174550:42527)
at XMLHttpRequest.dispatchEvent (691a5233-3b7d-4b46-9…-c070b1174550:47969)
at XMLHttpRequest.setReadyState (691a5233-3b7d-4b46-9…-c070b1174550:46830)
at XMLHttpRequest.__didCompleteResponse (691a5233-3b7d-4b46-9…-c070b1174550:46657)
at 691a5233-3b7d-4b46-9…-c070b1174550:46767
at RCTDeviceEventEmitter.emit (691a5233-3b7d-4b46-9…-c070b1174550:16846)
at MessageQueue.__callFunction (691a5233-3b7d-4b46-9…-c070b1174550:16459)
at 691a5233-3b7d-4b46-9…-c070b1174550:16216
at MessageQueue.__guard (691a5233-3b7d-4b46-9…-c070b1174550:16413)
at MessageQueue.callFunctionReturnFlushedQueue (691a5233-3b7d-4b46-9…-c070b1174550:16215)

Add the codes in your main AndroidManifest.xml

And make sure u still use http:// not https:// to fetch . it can working on Android 9 with API 28

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

thanks @RageOfJustice it worked but i dont understand why deleting debug folder, can you please mention the reason for deleting debug folder

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

android:usesCleartextTraffic=»true» in the manifest work for me. Thankyou

I am facing this issue on android device , on emulator its workling fine ,
on device it is showing error «type error Network request failed «

I had the same while I was using Fetch API, I just couldn’t connect to server even it had SSL certificate, then I started to use axios and it’s working!

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

Thank you, it’s working

@RageOfJustice thank you so much .. its worked for me.

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

Just adding android:usesCleartextTraffic=»true» worked for me. If you’re using localhost API, make sure to put your IPV4 instead of use localhost, example:
.

The fix is landed in the master, but still requires some manual configuration in build.gradle. Please see #23984 for more information. Feel free to comment if issue persists with workaround, and I’ll re-open this.

@dulmandakh thanks !!

Hello, I also had this error, but I forgot the file to create «.ENV».

Just adding android:usesCleartextTraffic=»true» worked for me. If you’re using localhost API, make sure to put your IPV4 instead of use localhost, example:
.

After adding xmlns:tools=»http://schemas.android.com/tools» inside the manifest tag
And adding
android:usesCleartextTraffic=»true» tools:targetApi=»28″ to the application tag I didn’t know what else to do. Changing localhost to my ipv4 did the job. Thanks!

The same error like @plowman described. Also tried with axios (just Network error with status code 0) and on API 25 and 28.
But its working on API 23

Ok. Ive found a workaround:

In my case i already have this, just need to delete debug folder and it works! Thanks

network request failed in Android 9 all this solution not working.

Источник

Оцените статью