Fullcalendar SSR (server-side rendering)

sandbox

FullCalendar displays “Element is not defined” error. I’ve tried to install it as a plugin and set nuxt SSR to false, the problem persists. The only fix without changing the code (that I found) is setting nuxt to --spa mode.

Found this issue at fullcalendar-react and that fixed the problem.

My pull request

EDIT:

Found a workaround.

Instead of this:

plugins/full-calendar.js

import Vue from 'vue'
import FullCalendar from "@fullcalendar/vue"

Vue.use(FullCalendar)

Do this:

plugins/full-calendar.js

import Vue from 'vue'
import Calendar from '~/components/calendar'

Vue.component('calendar', Calendar)

and in nuxt.config.js

plugins: [
    {src: '~/plugins/full-calendar.js', ssr: false}
]

[stupidguy176]

I have run your project in https://github.com/fullcalendar/fullcalendar-example-projects/tree/master/nuxt and still got this error

[vhlavsa]

If you are still experiencing the “window is not defined” issue, try updating your Node version to at least v12.