FullCalendar - Module not found

[colingajraj]

Running into similar issues. Any solutions?

[colingajraj]

Maybe everyone's solved their issues by now. But just FYI this is how I was able to solve everything (in case it helps others):

1) Snippet of package.json:

Code: Select all

    "@fullcalendar/angular": "^4.1.0",
    "@fullcalendar/core": "^4.1.0",
    "@fullcalendar/daygrid": "^4.1.0",
    "@fullcalendar/interaction": "^4.1.0",
    "@fullcalendar/list": "^4.1.0",
    "@fullcalendar/timegrid": "^4.1.0",
    "chart.js": "2.7.3",
    "core-js": "2.5.7",
    "font-awesome": "4.7.0",
    "fullcalendar": "4.0.0-alpha.2",

2) Snippet of app.module.ts:

Code: Select all

import {FullCalendarModule} from 'primeng/fullcalendar';

3) Snippet of component using the FullCalendar:

Code: Select all

import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';
// ...
    ngOnInit() {
        this.fullcalendarOptions = {
            plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
            defaultDate: '2016-01-12',
            header: {
                left: 'prev,next',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true
        };

[zornic]

Hey guys,

i've found a solution on my problem. I've imported the "main.min.js" files and after that, the calendar was compiled

Code: Select all

'@fullcalendar/core': 'npm:@fullcalendar/core/main.min.js',
'@fullcalendar/daygrid': 'npm:@fullcalendar/daygrid/main.min.js',
'@fullcalendar/timegrid': 'npm:@fullcalendar/timegrid/main.min.js',
'@fullcalendar/list': 'npm:@fullcalendar/list/main.min.js',
'@fullcalendar/interaction': 'npm:@fullcalendar/interaction/main.min.js',

[yigitfindikli]

Hey guys,

i've found a solution on my problem. I've imported the "main.min.js" files and after that, the calendar was compiled

Code: Select all

'@fullcalendar/core': 'npm:@fullcalendar/core/main.min.js',
'@fullcalendar/daygrid': 'npm:@fullcalendar/daygrid/main.min.js',
'@fullcalendar/timegrid': 'npm:@fullcalendar/timegrid/main.min.js',
'@fullcalendar/list': 'npm:@fullcalendar/list/main.min.js',
'@fullcalendar/interaction': 'npm:@fullcalendar/interaction/main.min.js',

Hi,
Glad to hear!

[JaiSaro]

ERROR in ./node_modules/primeng/components/fullcalendar/fullcalendar.js
Module not found: Error: Can't resolve 'fullcalendar' in '/node_modules/primeng/components/fullcalendar'

The above error is due to your PrimeNg package doesn't have the fullcalendar components.

To Fix:

Just Install primeng again to download the latest components.

Code: Select all

npm install primeng --save

It's worked for me...

[hahutech]

I had similar problem using Angular 7 and I found out that I had imported the scripts on index.html, removing them did it. (scripts and styles were imported in angular.json)