css missing from fullcalendar module

UI Components for Angular
Post Reply
Posts: 1
Joined: 29 Nov 2020, 18:19

11 Jan 2021, 10:06

As Per the documentation(https://www.primefaces.org/primeng/v10- ... llcalendar) We referred 3 css files. We refered in angular.json file.

"styles": [

But npm gives following error

Module not found: Error: Can't resolve 'C:\Users\927032\workspace\My-NgApp\node_modules\@fullcalendar\core\main.min.css' in 'C:\Users\Z927032\workspace\My-NgApp\'

On Googling fullcalendar js library has some changes on css . Look here https://stackoverflow.com/a/64330176

How to fix this ? Where can I get latest documentation ?

Posts: 8
Joined: 15 Sep 2014, 12:24

20 Feb 2021, 15:21

PrimeNG actually requires FullCalendar version 4: https://primefaces.org/primeng/showcase/#/fullcalendar. And the changed path is in FullCalendar v5. So verify which version you have installed. Similar topic is here: viewtopic.php?f=35&t=65097&p=188796&hil ... ar#p188796

If path is correct, then verify you have "./" in the path (there is reported bug for fix this in PrimeNG doc) like:


Code: Select all

            "styles": [
Or better for me looks putting links to main styles.css (style.scss) - then you need to put "../" to the path:


Code: Select all

            "styles": [

Code: Select all

@import "../node_modules/primeng/resources/primeng.min.css";
@import "../node_modules/primeflex/primeflex.scss";
@import "../node_modules/primeicons/primeicons.css";
@import "../node_modules/@fullcalendar/core/main.min.css";
@import "../node_modules/@fullcalendar/daygrid/main.min.css";
@import "../node_modules/@fullcalendar/timegrid/main.min.css";

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 21 guests