bug: ionic not compatible with vitest

[riderx]

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 switch from jest to Vitest, the vite based alternative, i got this error:

SyntaxError: Cannot use import statement outside a module
 ❯ wrapSafe internal/modules/cjs/loader.js:1001:16
 ❯ Module._compile internal/modules/cjs/loader.js:1049:27
 ❯ Object.Module._extensions..js internal/modules/cjs/loader.js:1114:10
 ❯ Module.load internal/modules/cjs/loader.js:950:32
 ❯ Function.Module._load internal/modules/cjs/loader.js:790:12
 ❯ Module.require internal/modules/cjs/loader.js:974:19
 ❯ require internal/modules/cjs/helpers.js:101:18
 ❯ Object.<anonymous> node_modules/.pnpm/@ionic+vue@6.1.0/node_modules/@ionic/vue/dist/index.js:6:25
      4| 
      5| const vue = require('vue');
      6| const ionAccordion_js = require('@ionic/core/components/ion-accordion.js');
       |                         ^
      7| const ionAccordionGroup_js = require('@ionic/core/components/ion-accordion-group.js');
      8| const ionAvatar_js = require('@ionic/core/components/ion-avatar.js');
 ❯ Module._compile internal/modules/cjs/loader.js:1085:14
 ❯ Object.Module._extensions..js internal/modules/cjs/loader.js:1114:10

Module /Users/martindonadieu/Documents/Projects.nosync/Mimesis/node_modules/.pnpm/@ionic+core@6.1.0/node_modules/@ionic/core/components/ion-accordion.js:4 seems to be an ES Module but shipped in a CommonJS package. You might want to create an issue to the package "@ionic/core" asking them to ship the file in .mjs extension or add "type": "module" in their package.json.

Expected Behavior

Importing ionic should work for vite and vitest without issue

Steps to Reproduce

git clone this app: https://github.com/Forgr-ee/Mimesis/
pnpm i
pnpm test and you will get the issue

Code Reproduction URL

https://github.com/Forgr-ee/Mimesis

Ionic Info

Ionic:

   Ionic CLI       : 6.18.2 (/Users/martindonadieu/pnpm-global/5/node_modules/.pnpm/@ionic+cli@6.18.2/node_modules/@ionic/cli)
   Ionic Framework : @ionic/vue 6.1.0

Capacitor:

   Capacitor CLI      : 3.4.3
   @capacitor/android : 3.4.3
   @capacitor/core    : 3.4.3
   @capacitor/ios     : 3.4.3

Utility:

   cordova-res (update available: 0.15.4) : 0.15.2
   native-run                             : 1.5.0

System:

   NodeJS : v14.19.1 (/usr/local/bin/node)
   npm    : 6.14.16
   OS     : macOS Monterey

Additional Information

No response

[liamdebeasi]

Thanks for the issue. I am going to close this as a duplicate of #25104.

[riderx]

oh sorry i try to search for it but didn't find it

[ionitron-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.