css missing from fullcalendar module

[931158Z]

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

"styles": [
"node_modules/@fullcalendar/core/main.min.css",
"node_modules/@fullcalendar/daygrid/main.min.css",
"node_modules/@fullcalendar/timegrid/main.min.css"
]

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 ?

[kamil]

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:

angular.json

Code: Select all

            "styles": [
              "./node_modules/@fullcalendar/core/main.min.css",
              "src/styles.scss"
            ],

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

angular.json

Code: Select all

            "styles": [
              "src/styles.scss"
            ],

style.css

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";