Version

3.2.31

Reproduction link

https://vuejs.org/examples/

Steps to reproduce

Run that link on an Android 8.1 device with the default chrome webview version 61.

What is expected?

The normal vue examples webpage

What is actually happening?

A blank page with just the vue header.

Errors such as "I/chromium: [INFO:CONSOLE(1)] "Uncaught SyntaxError: Unexpected token import", source: https://vuejs.org/assets/app.a30aa7c3.js (1)"

I think it is needing a polyfill for dynamic imports (which only came to chrome in version 63).

But I do not think that that is the only issue, because I took out dynamic imports from my app and the issue remained.

We need vue to work on Android 8.1. Upgrading the webview version is not possible for us.

The examples rely on dynamic imports - not supported by your build target. (we won't make those examples compatible with older browsers, we expect developers to have access to an evergreen browser to read the docs).

But that only applies to the examples on the docs website. Vue core itself does not rely on those APIs - Vue 3 requires ECMAScript 6 support, which Chrome provides since Version 51.

So if you have problems running a Vue 3 app on Chrome WebView 61, please provide an reproduction that demonstrates the actual errors you encounter in your app.

Hi Linus,

I am using Ionic with Vue, so it is likely an issue with Ionic and not Vue.

If you would like to take a look at the issue with Ionic you are welcome to, but I understand it is not your domain.

Here is the link to the issue I lodged on Ionic's Github: https://github.com/ionic-team/ionic-framework/issues/25029

The link to an example project is found in the issue ticket: https://github.com/richard-slabbert94/my-tabs-app

Kind regards, Richard