No network access for images in android app?

My capacitor app: works in ios (npx cap open ios), works in local web browser (npm run start), works in android web browser (http://192.168.1.170:3000), but does NOT work from npx cap open android and loading the app onto the phone; I don’t know how to see the errors (“Inspect Element” equivalent, I don’t know how to see the network page or anything even though I’ve turned on android studio’s debugger there’s no information), but the server doesn’t even log any requests when the android app starts, and the HTML in the webview is rendering as if it didn’t get any data from the server.

There are obviously no requests being sent out of the android app!

What could be causing this?

I have checked Settings > Apps > My App on the phone, but there are no permissions required, and no permissions granted.


I fixed most of that by adding

"android": {
  // allow mixed content (i.e. HTTP content in HTTPS contexts)
  "allowMixedContent": true,
},
"server": {
  "cleartext": true,
},

To my capacitor.config.ts, but for some reason images still don’t load; requests to images hosted on my LAN server don’t even reach the server.

How can I load images too?

You can open Chrome DevTools for the app running via Android Studio by going to chrome://inspect/#devices in Chrome.