Static GitHub Issues

[1836] 'window is not defined' when importing ScrollMagic

prev: Can I use decorators in Nuxt.js ?
next: How to set the alias in nuxt.config.js ?

I am trying to import ScrollMagic, but receiving the much known window is not defined. As i understand i need to import the library as a plugin and switch off SSR, but unfortunately this is not working.

plugins/scrollmagic.js

import ScrollMagic from 'scrollmagic'

export default ScrollMagic

nuxt.config.js

  plugins: [
    {
      src: '~/plugins/scrollmagic', ssr: false
    }
  ],

views/test-component.vue

<script>
import ScrollMagic from '~/plugins/scrollmagic'
export default {
}
</script>

error:

vue-router Failed to resolve async component default: ReferenceError: window is not defined vue-router uncaught error during route navigation: ReferenceError: window is not defined

skaermbillede 2017-10-12 kl 15 02 12

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1650">#c1650</a>)</em></sub></div>