We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Failed to find '../node_modules/@syncfusion/ej2-angular-diagrams/styles/material.css'

Thread ID:

Created:

Updated:

Platform:

Replies:

146500 Aug 6,2019 11:08 AM UTC Jan 6,2020 10:43 AM UTC Angular - EJ 2 6
loading
Tags: Schedule
yahyaoui mohamed khalil
Asked On August 6, 2019 11:08 AM UTC

 Failed to find '../node_modules/@syncfusion/ej2-angular-diagrams/styles/material.css'
any solutions ?

Shyam G [Syncfusion]
Replied On August 7, 2019 05:56 AM UTC

Hi yahyaoui mohamed Khalil, 
 
We have created a sample in which we have imported a diagram material.css file in style.css file. Please refer to a screenshot and sample below. Could you please check in the below sample? Still if you have any issue, please modify the below sample. 
 
Screenshot: 
 
 
 
Regards, 
Shyam G 


Shyam G [Syncfusion]
Replied On August 7, 2019 06:10 AM UTC

Hi yahyaoui mohamed Khalil, 
 
Please ignore our previous update 
 
Could you please check whether you have referred a path correctly in your application? We have created a sample in which we have imported a diagram material.css file in style.css file. Please refer to a screenshot and sample below. Could you please check in the below sample? Still if you have any issue, please modify the below sample. 
 
Screenshot: 
 
 
 
Regards, 
Shyam G 


Hernán
Replied On January 2, 2020 02:37 PM UTC

hi, i have a similar problem, im trying to get the scheduler to work in my project, im currently using angular material to style my app, and then i added the scheduler.
This is the error i get:
ERROR in ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/@angular/material/prebuilt-themes/indigo-pink.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'
  in [
    C:\00Desarrollo\reserva-terapia\node_modules\@angular\material\prebuilt-themes
  ]
    at resolveModule.catch.catch (C:\00Desarrollo\reserva-terapia\node_modules\postcss-import\lib\resolve-id.js:35:13)

This is my app.modules.ts:

import { ScheduleModuleRecurrenceEditorModuleDayServiceWeekServiceWorkWeekServiceMonthServiceAgendaServiceMonthAgendaService } from '@syncfusion/ej2-angular-schedule';
providers: [
    MatDatepickerModule,
    FirebaseService,
    DayService,
    WeekService,
    WorkWeekService,
    MonthService,
    AgendaService,
    MonthAgendaService,

My Styles.CSS file:
@import '../node_modules/@syncfusion/ej2-material-theme/styles/material.css';

My template: <ejs-schedule></ejs-schedule>


Vengatesh Maniraj [Syncfusion]
Replied On January 3, 2020 06:01 AM UTC

Hi yahyaoui mohamed Khalil,  
 
We have prepared the below sample with Scheduler component.  
 

Kindly try the above and revert us for further assistance. 

Regards, 
Vengatesh 


Hernán
Replied On January 4, 2020 03:11 PM UTC

Hi yahyaoui mohamed Khalil,  
 
We have prepared the below sample with Scheduler component.  
 

Kindly try the above and revert us for further assistance. 

Regards, 
Vengatesh 


Hello Vengatesh, i did make it work  by creating a project from zero, but the problem i'm having is when i want to use the scheduler in another project that was already started with other components. 

I get this error:

ERROR in ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/@angular/material/prebuilt-themes/indigo-pink.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'
  in [
    C:\00Desarrollo\reserva-terapia\node_modules\@angular\material\prebuilt-themes
  ]
    at resolveModule.catch.catch (C:\00Desarrollo\reserva-terapia\node_modules\postcss-import\lib\resolve-id.js:35:13)


my angular.json and package.json both have the correct lines (i'm using Angular 8) :

"@syncfusion/ej2-material-theme""~17.3.9" //this is the package.json

 "styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/primeng/resources/primeng.min.css",
              "node_modules/primeng/resources/themes/nova-light/theme.css",
              "node_modules/primeicons/primeicons.css",
              "./node_modules/@syncfusion/ej2-material-theme/styles/material.css"
            ],

Vengatesh Maniraj [Syncfusion]
Replied On January 6, 2020 10:43 AM UTC

Hi yahyaoui mohamed Khalil,   
 
Thanks for the update. 
 
Based on the shared details, we have modified our previously updated sample on August 7, 2019, by additionally added the scheduler component in that project. And the sample can be downloaded from the below sample link, 
Kindly use the below comment to add Scheduler packages for that project,
npm install @syncfusion/ej2-angular-schedule --save
UG Link: https://ej2.syncfusion.com/angular/documentation/schedule/getting-started/?no-cache=1#adding-syncfusion-schedule-package
 
And we need to add the respective CSS for the Schedule component, 
 
In styles.css file, you can add the dependency css like below, 
 
/* You can add global styles to this file, and also import other style files */
@import '../node_modules/@syncfusion/ej2-angular-diagrams/styles/material.css';
@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-lists/styles/material.css';
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
@import '../node_modules/@syncfusion/ej2-angular-schedule/styles/material.css';
 
 
Kindly try the above and revert us for further assistance. 
 
Regards, 
Vengatesh 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon