Uncaught Error: Please import the top-level fullcalendar lib before attempting to import a plugin.

[kota-yata]

When I tried to use fullcalendar V5, I got an error like so:

Code

import FullCalendar from 'svelte-fullcalendar';
import interactionPlugin from '@fullcalendar/interaction';
import dayGridPlugin from '@fullcalendar/daygrid';
import jaLocal from '@fullcalendar/core/locales/ja';

import '@fullcalendar/core/main.min.css';
import '@fullcalendar/daygrid/main.min.css';

const handleDateClick = (event) => {
  console.log(event);
};

<div class='Calendar'>
  <FullCalendar
    droppable={true}
    editable={true}
    defaultView='dayGridMonth'
    header={{ left: 'prevYear,prev,next,nextYear', center: 'title', right: 'today' }}
    locale='jaLocal'
    buttonText={{ today: '今月に戻る' }}
    plugins={[dayGridPlugin, interactionPlugin]}
    on:dateClick={(event) => handleDateClick(event)} />
</div>

[YogliB]

Hi, I suggest you try the new version :)

[ethanstan]

Hi,

I am also getting this error on the latest version using just the sample code.

"Please import the top-level fullcalendar lib before attempting to import a plugin."

[kota-yata]

@ethanstan
Try

export default {
...
  resolve({
    browser: true,
    dedupe: ['svelte', '@fullcalendar/common'],
  }),
}

into rollup.config.js

This issue is gonna help you :)

[ethanstan]

Thank you!