javascript - Vuex插件错误

Question

const store = new Vuex.Store({
    state: {
        user: {
            userName:'',
            loggedInStatus: true,
            authToken: ''
        }
    },

    mutations: {
        addWebToken: function(state, webToken){
            state.user.authToken = webToken;
        },
        removeWebToken: function(state){
            state.user.authToken = '';
        }
    },
    methods:{
        getToken:function (){
            return  store.state.user.authToken;

        }
    },
    plugins: [createPersistedState()]

})

我已经包含了“vuex-persistedstate.js”，但它在控制台中显示错误:

Uncaught TypeError: Cannot use 'in' operator to search for 'default' in undefined
  at vuex-persistedstate.js:17

Uncaught ReferenceError: createPersistedState is not defined

当我按住 Ctrl 键并单击 createPersistedState() 调用时，我可以导航到该文件。

Answer 1

vuex-persistedstate.js 需要依赖 lodash 和 object-path。这vuex-persistedstate.js 第 17 行的错误是缺少 lodash 依赖项。如果您已经添加了 lodash，请确保它已加载到 vuex-persistedstate 模块中。

如果你真的想使用纯js。您必须定义 window.merge = _.merge 和 window.objectPath 必须使用正确的节点模块定义。您宁愿使用 webpack 来正确使用此 npm 模块。

更多来源:https://github.com/robinvdvleuten/vuex-persistedstate/issues/23