window is not defined when usring nuxt ssr
Author: Sayid1Created May 31, 2018Updated Aug 19, 2022
vue init nuxt/starter nuxt-vue
yarn
yarn add vue-awesome-swiper -S
nuxt.config.js
module.exports = {
...,
env: {
browser: true
},
plugins: ['~/plugins/vue-awesome-swiper']
}plugins/vue-awesome-swiper.js
import Vue from 'vue'
if (process.env.browser) {
const VueAwesomeSwiper = require('vue-awesome-swiper/dist/ssr')
Vue.use(VueAwesomeSwiper)
}yarn dev
console printing error message like this: ReferenceError: window is not defined at Object. (nuxt-vue/node_modules/vue-awesome-swiper/dist/ssr.js:18:15)
I see eighteenth lines of vue-awesome-swiper/dist/ssr.js like this
var Swiper = window.Swiper || _swiper2.default;
Source: surmon-china/vue-awesome-swiper