Calc css can't be parse nuxt 2

ERROR in ./node_modules/@syncfusion/ej2-navigations/styles/material.css 

Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js): 

ModuleBuildError: Module build failed (from ./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js): ParserError: Syntax Error at line: 1, column 37 

 node_modules/@syncfusion/ej2-navigations/styles/material.css:8935:3 

 -webkit-transform: translate(calc(-1 * var(--sidebar-width))) 

 ERROR in ./node_modules/@syncfusion/ej2-buttons/styles/material.css 

Module build failed (from ./node_modules/extract-css-chunks-webpack-plugin/dist/loader.js): 

ModuleBuildError: Module build failed (from ./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js): ParserError: Syntax Error at line: 1, column 117

node_modules/@syncfusion/ej2-buttons/styles/material.css:5518:3 

-webkit-transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));


1 Reply

JS Janakiraman Sakthivel Syncfusion Team September 12, 2024 08:09 AM UTC

Hi,

We have reviewed your reported problem and created a sample in Vue 2 with Nuxt 2 (Nuxt v2.18.1) based on the details you shared in forum 194351 to replicate and investigate the issue.

While running the created sample in the production environment, as you mentioned in forum 194351, the styles were not reflected properly in the spreadsheet. However, the exception you mentioned in this forum did not occur on our end, and we were unable to replicate it.

For your reference, we have shared the checked sample below.

Sample: Please see the attachment.

Currently, we have not encountered any exceptions similar to those reported in this forum. The only issue we've faced is the styles not loading on our side. Could you please share the steps to replicate the issue you've reported? This will help us reproduce and validate the problem on our end. Additionally, if possible, providing a video demonstration would be greatly appreciated, as it will help us better understand and replicate the exception you're experiencing.

Please provide all the requested information mentioned above. Based on that, we will review the details and quickly provide a better solution.


Attachment: mynuxtapp_b43afa6d.zip

Loader.
Up arrow icon