bug: Cannot add property 0, object is not extensible on Ionic Vue + Android 11

[simondaigre]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x, v8.x

Current Behavior

Blank page with multiple "Cannot add property 0, object is not extensible on Ionic Vue" in console.

Expected Behavior

The starter app should work.

Steps to Reproduce

$ ionic start myApp tabs --type=vue
Compile Android version and start the app on Android 11 version.
Also tried on Chrome 91 Mac, same issue.

Code Reproduction URL

$ ionic start myApp tabs --type=vue

Ionic Info

Ionic:

Ionic CLI : 7.2.1 (/opt/homebrew/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.6.5

Capacitor:

Capacitor CLI : 7.4.2
@capacitor/android : not installed
@capacitor/core : 7.4.2
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v24.3.0 (/opt/homebrew/Cellar/node/24.3.0/bin/node)
npm : 11.4.2
OS : macOS Unknown

Additional Information

No response

[raykin]

same error on Ionic+Angular+Android 11 device.
Update: local debug screenshot.

The error seems stopped the callback of ionViewDidEnter and stopped the function call of SplashScreen.hide()(inside the calllback), so the page becomes white. (white is actually the default splash screen for Android11)

[raykin]

@simondaigre I found a workaround, downgrade ionic/angular (or ionic/vue) to 8.5.x and the crash got gone.

[simondaigre]

I confirm that downgrading to 8.5.9 fixes the problem. Thanks @raykin !

[rdlabo]

Upon investigating the cause, the corresponding Stencil versions were as follows.

• @ionic/core@8.5.9: @stencil/core@4.20.0
• @ionic/core@8.6.0: @stencil/core@4.33.1

Reference: inner node_modules

It is clear that this change resulted in the removal of support for Android API 31 (Chromium v92). Since Ionic v8 requires Android 5.1+ with Chromium 89+, this is an issue.My project is @ionic/angular, but I confirmed that the bug occurred in v8.6.0 and was resolved when I reverted to v8.5.9.

[ShaneK]

Hey, thanks for reporting this issue!

While working to release 8.7.0 we noticed that there's an issue with our implementation of reordering that forced us to fall back to an older version of stencil.

We published 8.6.7 so people using reordering wouldn't be affected. 8.6.6 should work unless you need reordering, then you'll wanna use 8.5.9 until we release our fix to support the newer version of stencil, which we hope will happen shortly.

[ShaneK]

This should be fixed in 8.7.1, out now!