vuex必须在创建商店实例之前调用Vue.use(Vuex)

时间:2018-10-16 18:16:29

标签: vue.js vuex

我有一个store.js

import Vuex from 'vuex';

export default new Vuex.Store({
  state: { customers: [] },
  mutations: {
    addCustomer (customer) {
      state.customers.push(customer);
    }
  }
});

在我的main.js中,我是指这样的商店,但是vue-devtools总是返回[vuex] must call Vue.use(Vuex) before creating a store instance.

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);    
import store from './store'
new Vue({
  store,
  render: h => h(App),
}).$mount('#app');

1 个答案:

答案 0 :(得分:1)

您缺少在store.js中添加以下导入内容:

    import Vue from 'vue';
    import Vuex from 'vuex';

     Vue.use(Vuex);
      export default new Vuex.Store({ ...