Compile Error

Hi There,

I am using scss file and I am getting the below error on compile.

Failed to compile.

./node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/bootstrap/dist/css/bootstrap.min.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '../node_modules/@syncfusion/ej2-material-theme/styles/material.css'

Could anyone please help in resolving the issue?

Thanks,
Ganesh

1 Reply 1 reply marked as answer

RS Rajapandiyan Settu Syncfusion Team July 28, 2020 11:26 AM UTC

Hi Ganesh, 

Greetings from syncfusion support. 

Query :  Error: Failed to find '../node_modules/@syncfusion/ej2-material-theme/styles/material.css' 

We have validated the reported query and found that you referred wrong style script file in your project, please remove the '../node_modules/@syncfusion/ej2-material-theme/styles/material.css' code in your scss file and refer below style script for syncfusion components. 

 
styles.css 
 
/* material theme */ 
 
@import '../node_modules/@syncfusion/ej2-base/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css' 
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css' 
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css' 
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css' 
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css'; 
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css' 
@import '../node_modules/@syncfusion/ej2-angular-grids/styles/material.css'; 


Refer the below documentation for more information. 



Please get back to us if you need further assistance on this. 

Regards, 
Rajapandiyan S

Marked as answer
Loader.
Up arrow icon