Search code examples
vue.jsleafletnuxt.jsundefinedserver-side-rendering

nuxt-leaflet problem with server side rendering (window is not defined)


i've been working on a ssr nuxt project n wanted to add nuxt-leaflet but apparently there's a window reference in nuxt-leaflet module that causes an (window not defined) error while server side rendering


Solution

  • this is because nuxt-leaflet use window object, you should render your component on client-side

    <client-side>
       <Component/>
    </client-side>