Error using css. Cannot read properties of undefined (reading 'type')

Hi:

Vue3+vite ... I can't use Syncfusion controls (textBox, button, grid, etc ...). Always get this error:

[plugin:vite:css] Cannot read properties of undefined (reading 'type')


The failing file seems to be this ...

@import "../../node_modules/@syncfusion/ej2-base/styles/material.css"


Any ideas?

Thanks


1 Reply

YS Yohapuja Selvakumaran Syncfusion Team July 31, 2023 01:33 PM UTC

Hi Alberto Vázquez,

Thank you for reaching out to us regarding the issue you've encountered. We have reviewed the information you provided and tried to reproduce the issue on our end. However, it appears that we were unable to replicate the problem as described. Kindly refer to the attached sample.


To better assist you, we recommend referring to our documentation, which provides comprehensive information on how to set up the vite project.

Documentation: https://ej2.syncfusion.com/vue/documentation/textbox/vue3-getting-started#set-up-the-vite-project


For styling concerns, we suggest using the correct relative path by referencing stylesheets using "../" instead using "../../".

@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css";


Regards,

Yohapuja S


Attachment: textbox_vuevite_151f442f.zip

Loader.
Up arrow icon