net::ERR_CONNECTION_REFUSED (http://localhost:8080/)

Ionic Framework ionic-v3
1

Hello,

I face the same problem with some devices having Android 4.4.2. My ionic info is:

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.11
Cordova Platforms  : android 7.1.1 browser 5.0.3 ios 4.5.5
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 25.2.5
ios-deploy        : 1.9.2 
Node              : v8.11.2
npm               : 5.6.0 
OS                : macOS High Sierra
Xcode             : Xcode 9.4.1 Build version 9F2000

Environment Variables:

ANDROID_HOME : /usr/local/Cellar/android-sdk/24.1.2/

Misc:

backend : pro
2

Define ā€œproblemā€ please. Where do you get this error message? Can you post a screenshot?

3

What command did you use to build and run the app?

4

Just ionic cordova build android --prod --release

It seems it only happens with devices having Android 4.4

Here is another feedback I received today

WechatIMG314
WechatIMG314.jpeg450Ɨ800 43.8 KB

5

Same problem without --prod --release?

Could you create a pure Cordova project with cordova create, add the same cordova-android as in your project, and then build/run it via cordova build android?

6

Hello, yes I confirm, same problem without --prod --release

pic
3151533259192_.pic.jpg1080Ɨ1440 51.9 KB

7

Thanks for your help but the problem is the new version of cordova-plugin-ionic-webview 2.0 which breaks the compatibility with Android 4.4ā€¦ I found the solution on another thread:

1 Like
8

I have a problem net::ERR_CONNECTION_REFUSED

9

ty bro I solved my problem :heart_eyes::heart_eyes:

10

For future readers of this topic:
If the device you are testing on is using Android 4.x (e.g. Android 4.4 KitKat), this article might explain what is going on and how to fix it: https://ionic.zone/debug/ionic-and-android-4

2 Likes
11

This error is fixed in the latest release 2.1.4ā€¦

ionic cordova plugin rm cordova-plugin-ionic-webview
ionic cordova platforms remove android
cordova plugin add cordova-plugin-ionic-webview
npm install @ionic-native/ionic-webview

ā€¦includes a fix for the webview in KitKat.

4 Likes
12

thanks for sharing! worked for me, too.

13

Really @IonicGeoff? https://github.com/ionic-team/cordova-plugin-ionic-webview/blob/master/CHANGELOG.md#220-pending only mentions it for an upcoming 2.2.0 release.

14

Works for me!

It seems to have implemented the changes made hereā€¦

15

Not really, the PR in the changelog is this: https://github.com/ionic-team/cordova-plugin-ionic-webview/pull/172/files

16

actually i forget to call ionic cordova build android. I get this error ionic cordova platform add android then send to my phone without run build command. Cause there are no files under the www folder. Be sure, you are have got files under the www files.

1 Like
17

I had the same issue.

In the browser (ionic serve) everything was fine, but the same error with the emulator and real device.

It was a problem with the server dev/smartphone.

I launch the app with livereload and everything works fine.

ionic cordova run android --livereload

1 Like
18

@MarcoMarco You command is wrong ā€˜ā€“liverealoadā€™ it must be livereloadā€¦

1 Like
19

@Ionic Team: I also have that issue, none of the solitions above worked. It happens in the emulator and on the real device. Itā€™s really time consumingā€¦Can you provide a solution, that works for all???

21

hi i am also facing same issue
import { HttpClient } from ā€˜@angular/common/httpā€™;
this.http.get(url).subscribe((response) => {
this.appointment_types=response;
});
i am getting result in browser but not getting response in real device in android
please provide a solution i am using ionic 4 i am getting error like
zone.js:3243 GET http://localhost:8100/sockjs-node/info?t=1559937025579 net::ERR_CONNECTION_REFUSED