Live reload not working - ERR_CLEARTEXT_NOT_PERMITTED

I’m using the AppFlow Vue demo tabs application.

I have been able to get Android Studio to launch my AppFlow app locally on a real device (hurrah ! but boo for the emulator there being fast as cold treacle).

I can connect Chrome’s debug tools to it (woo hoo !)

But all the source code is minified, so my debugging is restricted to log statements rather than breakpoints and proper inspecting.

So I’m trying ionic capacitor run android -l --external

But this displays a screen on my device saying “web page not available” because “net::ERR_CLEARTEXT_NOT_PERMITTED” instead of the app.

The host and IP work fine if I copy them from the error screen to FireFox on the device.

I came across needing to add Livereload ERR_CLEARTEXT_NOT_PERMITTED - #32 by clavesarmiento23 to the capacitor.config.json

But even after removing android folder, re-run npx cap add android and ionic capacitor run android -l --external the error page still says it can’t connect :frowning:

Manually adding


To the application tag of AndroidManifest.xml does let it connect though…

No idea where to report the bug in the example project or how to preserve this change though.