bug: (vue) ion-accordion isn't displaying when used with vue + vite

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

• v4.x
• v5.x
• v6.x

Current Behavior

When testing in three different environments (local, CodeSandbox and Stackblitz), I haven’t been able to get theion-accordion component to display on the page. The following warning can be seen in the console when the component is used : [Vue warn]: Invalid vnode type when creating vnode: undefine.

Expected Behavior

A fully rendered ion-accordion component should be visible and ready to be interacted with once the page is fully loaded.

Steps to Reproduce

Import IonAccordion into a Vite-powered Vue 3 component and use it in the template. Please see the runnable test build on CodeSandbox.

Code Reproduction URL

https://codesandbox.io/s/github/treighmawaka/vite-vue-ionic6-starter

Ionic Info

Ionic:

Ionic CLI : 6.16.3

Utility:

cordova-res : 0.15.3 native-run (update available: 1.5.0) : 1.3.0

System:

NodeJS : v12.16.3 npm : 6.14.7 OS : macOS Big Sur

Additional Information

No response

[treighmawaka]

@liamdebeasi thanks for the great help! I’m closing this issue – I think the lang="ts" was the cause of my drama. The accordion is finally working on my local machine as well.

Thanks again

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.