FullCalendar - Module not found

UI Components for Angular
colingajraj
Posts: 3
Joined: 30 Apr 2019, 04:18

10 May 2019, 22:16

Running into similar issues. Any solutions?

colingajraj
Posts: 3
Joined: 30 Apr 2019, 04:18

13 May 2019, 15:38

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
Posts: 40
Joined: 09 Dec 2017, 10:12

14 May 2019, 07:56

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
Posts: 272
Joined: 08 Aug 2018, 14:09

14 May 2019, 14:10

zornic wrote:
14 May 2019, 07:56
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!

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests