After upgrading to Angular 21 ang trying to migrate to vitest - From 188985.

[Amalia Chrysanthakopoulou]

Hello,

After upgrading to Angular 21 ang trying to migrate to vitest, using this guide I am facing the same problem:

SyntaxError: Named export 'ArrayBase' not found. The requested module '@syncfusion/ej2-angular-base' is a CommonJS module, which may not support all module.exports as named exports.

CommonJS modules can always be imported via the default export, for example using:

import pkg from '@syncfusion/ej2-angular-base';

const { setValue, ComponentBase, ComponentMixins, FormBase, ComplexBase, Template, ArrayBase } = pkg;

Thank you.

[Jeeva Selvarasu]

Hi Amalia Chrysanthakopoulou ,

Thank you for contacting Syncfusion Support regarding the issue with running unit tests for the Syncfusion module. The error you encountered indicates that the requested module '@syncfusion/ej2-angular-base' is a CommonJS module, which may not fully support named exports. 

This behavior occurs because Syncfusion packages are distributed as CommonJS (CJS) modules, and Vitest (in ESM mode) cannot resolve them as named exports by default. To address this, please update your vitest.config.ts with the following configuration:

server: {

      deps: {

        inline: [/@syncfusion\/.*/],

      },

    },

We trust this will resolve the issue. Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Regards,

Jeeva S

[Amalia Chrysanthakopoulou]

Thank you, it works!

[Archana Jayakumar]

Hi Amalia,

You're welcome! please get back to us if you need further assistance. 

Regards,
Archana