Capacitor 3 - Android Livereload not working as expected

[olmerosubzero]

Hi everyone,
After upgrading to Capacitor 3 in my Ionic 5 project,live reload on Simulator doesn't work.
Tried all of the stuff you guys suggested but still doesn't work,Ionic successfully triggers the change but Android studio does not reload the app.
The only way is to rebuild the Ionic and then rerun the whole android app,which is very long process.

Any ideas what might be wrong?
Thanks in advance.

"dependencies": {
    "@angular/animations": "^10.2.0",
    "@angular/common": "~10.0.0",
    "@angular/core": "~10.0.0",
    "@angular/forms": "~10.0.0",
    "@angular/platform-browser": "~10.0.0",
    "@angular/platform-browser-dynamic": "~10.0.0",
    "@angular/router": "~10.0.0",
    "@capacitor/android": "^3.0.0-rc.0",
    "@capacitor/app": "^0.3.6",
    "@capacitor/browser": "^0.4.6",
    "@capacitor/core": "^3.0.0-rc.0",
    "@capacitor/haptics": "^0.3.6",
    "@capacitor/ios": "^3.0.0-rc.0",
    "@capacitor/keyboard": "^0.5.6",
    "@capacitor/splash-screen": "^0.3.6",
    "@capacitor/status-bar": "^0.4.6",
    "@ionic-native/app-preferences": "^5.29.0",
    "@ionic-native/app-rate": "^5.29.0",
    "@ionic-native/app-version": "^5.29.0",
    "@ionic-native/appsflyer": "^5.29.0",
    "@ionic-native/clipboard": "^5.29.0",
    "@ionic-native/core": "^5.29.0",
    "@ionic-native/device": "^5.29.0",
    "@ionic-native/http": "^5.29.0",
    "@ionic-native/in-app-browser": "^5.29.0",
    "@ionic-native/in-app-purchase": "^5.29.0",
    "@ionic-native/keyboard": "^5.29.0",
    "@ionic-native/market": "^5.29.0",
    "@ionic-native/open-native-settings": "^5.29.0",
    "@ionic-native/screen-orientation": "^5.31.1",
    "@ionic-native/social-sharing": "^5.29.0",
    "@ionic-native/vibration": "^5.29.0",
    "@ionic/angular": "^5.0.0",
    "@ionic/core": "^5.4.1",
    "@ionic/pwa-elements": "^3.0.1",
    "@ngx-translate/core": "^13.0.0",
    "@ngx-translate/http-loader": "^6.0.0",
    "cordova-android": "^9.0.0",
    "cordova-clipboard": "^1.3.0",
    "cordova-ios": "^6.1.1",
    "cordova-plugin-advanced-http": "^3.1.0",
    "cordova-plugin-app-preferences": "^0.99.3",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-appsflyer-sdk": "^5.4.10",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-file": "^6.0.2",
    "cordova-plugin-inappbrowser": "^4.0.0",
    "cordova-plugin-inapppurchase": "git+https://github.com/BigBerny/cordova-plugin-inapppurchase.git",
    "cordova-plugin-keyboard": "^1.2.0",
    "cordova-plugin-screen-orientation": "^3.0.2",
    "cordova-plugin-vibration": "^3.1.1",
    "cordova-plugin-whitelist": "^1.3.4",
    "es6-promise-plugin": "^4.2.2",
    "ionicons": "^5.2.3",
    "lottie-web": "^5.7.6",
    "nan": "^2.14.2",
    "ng-circle-progress": "^1.6.0",
    "ng2-tooltip-directive": "^2.9.22",
    "ngx-lottie": "^6.4.0",
    "ngx-matomo": "^0.1.4",
    "p2": "^0.7.1",
    "pixi": "^0.3.1",
    "promise-polyfill": "^8.2.0",
    "rxjs": "^6.6.3",
    "rxjs-compat": "^6.6.3",
    "sw-toolbox": "3.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.0",
    "@angular/cli": "~10.0.5",
    "@angular/compiler": "~10.0.0",
    "@angular/compiler-cli": "~10.0.0",
    "@angular/language-service": "~10.0.0",
    "@capacitor/cli": "^3.0.0-rc.0",
    "@ionic/angular-toolkit": "^2.3.0",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~3.3.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.9.5"
  },

{
  "server": {
    "url": "http://192.168.0.15:8100",
    "originalUrl": "http://192.168.0.15:8100",
    "cleartext": true
  }
}

[mariusbolik]

Having the same Problem on iOS :(

[mariusbolik]

@olmerosubzero in my case, I was using a capacitor.config.ts file (like mentioned in the docs) instead of the .json file. After switching to the .json file, it worked. More information here: #4449

[Sampath-Lokuge]

@mariusbolik Can I have more info here? Have you tried Android too?

[Sampath-Lokuge]

@olmerosubzero Have you found the solution?

[awesome-fortune]

Hi all

Anyone know if this issue has been resolved?

Also experiencing the issue on my end, my environment is as below

Ionic:

Ionic CLI : 6.17.1
Ionic Framework : @ionic/angular 5.6.14
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.1.4
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0

Capacitor:

Capacitor CLI : 3.2.0
@capacitor/android : 3.2.0
@capacitor/core : 3.2.0
@capacitor/ios : 3.2.0

Utility:

cordova-res : not installed globally
native-run : 1.4.0

System:

NodeJS : v14.17.5
npm : 6.14.14
OS : Windows 10

[Sampath-Lokuge]

@awesome-fortune Yes, use capacitor.config.json file instead of capacitor.config.ts.

After that ionic cap run android -l --host=0.0.0.0