App blank when testing on android device

Im trying to test an ionic app on an android device ( sm-t560 with android 7 ) but just it shows in blank and doesnt set “.hydrated” and other classes on the components to be rendered… i followed the steps from the docs, just created a vue tabs app and followed the steps on android project setup… but when running the app on the browsers it loads normally.

any solution? thanks.

Are there any errors/warnings in the console? Also what is the version of the webview you are using? You can find this by logging window.navigator.userAgent in the dev tools console.

i get this in the console:

wbview version:
Mozilla/5.0 (Linux; Android 7.1.2; SM-T560 Build/NJH47B; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/59.0.3071.92 Safari/537.36

Your webview is using Chrome 59 which is a pretty old version. I would try updating the webview and see if that fixes the issue.

1 Like

Would be nice to display a message to the user if the webview was too old too, what version is supported?

1 Like

For the upcoming Ionic Framework v6 release we will be supporting Chrome/Chromium 60+ (See: Browser Support | Ionic Documentation)

Ionic Framework v4 and v5 more or less support the same versions, but the docs up until now have not been very clear on this. It’s a bit tricky since the webview updates independently of the Android version, and some device manufacturers lock the webview version.

Webviews older than Chromium 60 can work with Ionic Framework, but you likely need to modify your browserslist file so that the correct polyfills are bundled (GitHub - browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Aut)

1 Like