I am using Nuxt.js. The following problem occurred with setting up vuex-persist. Could someone help me?

store/index.js

store/LangModule.js

I am using Nuxt.js. The following problem occurred with setting up vuex-persist. Could someone help me?

store/index.js

store/LangModule.js

• javascript
• vue.js
• vuex
• nuxt.js
• persistence

Share Improve this question Follow edited Sep 29, 2020 at 19:21 10 Rep 2,27077 gold badges2121 silver badges3333 bronze badges asked Sep 29, 2020 at 16:35 Varga MárkVarga Márk 2311 silver badge55 bronze badges 1

• you cant call window on store file. you have to import it as plugin and call it on cliend side not server side, please read the documentation. already mention there npmjs./package/vuex-persist – Jazuly Commented Sep 29, 2020 at 23:56

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

It's important to know Nuxt works on both server and client sides, so you cannot use window in all places since it only exists on client side.

You can declare this plugin SSR-free to avoid running it on server side.

Following the documentation:

nuxt.config.js

export default {
  plugins: [
    { src: '~/plugins/vuex-persist', ssr: false }
  ]
}

~/plugins/vuex-persist.js

import VuexPersistence from 'vuex-persist'
 
export default ({ store }) => {
  new VuexPersistence({
  /* your options */
  }).plugin(store);
}