vuex配置文件链main.js会报错，写在main.js则不会

Question

main.js，store.js的内容和被注释的是一样的。

import Vue from 'vue'

import Vuex from 'vuex'

import VueResource from 'vue-resource'

import router from './router'

import stores from './store'

import App from './App'

Vue.use(VueResource)

Vue.use(Vuex)

// const store = new Vuex.Store({

//   state: {

//     userState: false

//   },

//   mutations: {

//     handleUserState (state) {

//       state.userState = !state.userState

//     }

//   }

// })

new Vue({

  router,

  stores,

  ...App

}).$mount('#app')

报错信息：

Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance.

Answer 1

报错提示Store前要先调用Vue.use(Vuex)把import Vuex from 'vuex'; Vue.use(Vuex)放在store.js头部即可