Live reload not working - ERR_CLEARTEXT_NOT_PERMITTED

Appflow
1

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.

2

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:

3

Manually adding

    android:usesCleartextTraffic="true"

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.

4

adding clearTraffic to manifest is not working for me, as well as any responses in here: Ionic 5/Capacitor ERR_CLEARTEXT_NOT_PERMITTED in Android - Stack Overflow