Dev and production build got different results

[Arvin Staff]

Hi,

I started building a desktop app using the example provided in the docs. Additionally, I use Vue 3 + Syncfusion for Vue + Electron + TailwindCSS. However, I can get normal results in the dev build, but the grid look can be broken for the production build. I have tried to uninstall TailwindCSS but no luck. I was wondering if you could find any issue causing this?

Regards,

Arvin

Attachment: Kobe_e3a09d5.zip

[Sujith Kumar Rajkumar]

Hi Arvin, 

 

Greetings from Syncfusion support. 

 

We checked the reported problem in the shared sample and would like to let you know that it was occurring because the Grid style files were not properly loaded from the style section. So please load the style files in the style section as demonstrated in the below code snippet to resolve the problem, 

 

<style> 

@import ../node_modules/@syncfusion/ej2-base/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-buttons/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-calendars/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-inputs/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-navigations/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-popups/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind.css; 

@import ../node_modules/@syncfusion/ej2-vue-grids/styles/tailwind.css; 

</style> 

 

We have modified the shared sample based on this for your reference. You can find it below, 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/GridUpdated-1080990042 

 

Please get back to us if you require any further assistance. 

 

Regards, 

Sujith R