Tailwind theme not loading

[Dustin]

Hi,

for some reason all themes work for me, except for tailwind or tailwind-dark, which sucks because I am using tailwind mainly.

Example:

<style lang="sass">

@import "node_modules/@syncfusion/ej2/bootstrap5.scss"

</style>

Works perfectly. Have also tested material.scss and bootstrap.scss. Their .css counterparts also work.

However:

<style lang="sass">

@import "node_modules/@syncfusion/ej2/tailwind.scss"

</style>

Does not work at all. The error it throws is:

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

Note that this also happens if I import the stylesheet of one component, or the combined one as shown. Same error on .css like on .scss.

Maybe this is postcss related, which comes with tailwind?

If you want I can try some other themes. Let me know if you need anything else. 

Thanks!

[Gokulraj Varatharajan]

Hi Dustin, 

Greetings from Syncfusion support, 

We have validated your query, and we cannot replicate the reported issue at our end.  We have developed a Vue application with a Grid component in the tailwind theme for your convenience. So, You can download and use it from the below project link. 

Documentation: https://ej2.syncfusion.com/vue/documentation/getting-started/vue-sass/ 

 

Project: vue-sass-grid 

Please get back to us if you have any queries. 

Regards, 

Gokul