Configuré una tienda predeterminada en Nuxt en store/index.js como recomienda la documentación . Cuando intento renderizar mi aplicación, aparece el siguiente error:
Error no detectado: [nuxt] store/index.js debe exportar un método que devuelva una instancia de Vuex.
Mi archivo store/index.js se ve así:
import Vuex from 'vuex' import Vue from 'vue' import myModule from './myModule' Vue.use(Vuex) const store = new Vuex.Store({ state: () => ({ }), mutations: {}, actions: {}, modules: { myModule: myModule } }) export default store¿Cómo manejo esto?
Está exportando la tienda Vuex como una constante, debe exportar un método predeterminado que devuelva la instancia de la tienda Vuex.
Su archivo store/index.js debería verse así:
import Vuex from 'vuex' import Vue from 'vue' import myModule from './myModule' Vue.use(Vuex) export default () => new Vuex.Store({ state: () => ({ }), mutations: {}, actions: {}, modules: { myModule: myModule } })Tengo lo siguiente y está funcionando muy bien.
import { test } from './modules/tasty_module' const state = () => ({}) const mutations = {} const actions = {} const getters = {} export default { state, mutations, getters, actions, modules: { testModule: test, }, }