在vscode下vue中使用vuex出错

 

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

Vue.use(Vuex)

const actions =  {}
const mutations = {}
const state = {}

// 创建并暴露Store
export default new Vuex.Store({
    actions,
    mutations,
    state,
})
import Vue from 'vue'
import App from './App.vue'
// 引入store
import store from './store'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  store,
}).$mount('#app')

 

 

原因在于vue版本在3.0以下,vuex版本高于4.0,所以无法进行使用。
通过npm uninstall vuex
再通过npm i vuex@3.6.2
解决问题

vscode控制台出现warning:
warning in ./node_modules/vuex/dist/vuex.esm-browser.js

"export 'inject' was not found in 'vue'

warning in ./node_modules/vuex/dist/vuex.esm-browser.js

"export 'reactive' was not found in 'vue'

warning in ./node_modules/vuex/dist/vuex.esm-browser.js

"export 'watch' was not found in 'vue'

通过尚硅谷的vue2-3的学习视频来编写代码的,视频时间有点久远了