vuex低級錯誤,this.$store提示不存在

使用vuex的時候遇到一個低級錯誤,導致無法使用this.$store,記錄一下

在生成store的時候一般代碼是

import Vuefrom 'vue'

import Vuexfrom 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({

state:{

phone:''

  },

  mutations:{

changePhone(state,phone){

state.phone=phone;

    }

}

})

但是注意需要導入的vuex是需要在項目目錄下下導入(一定要這樣,不要使用全局,不要使用ws自動安裝)

npn install vuex --save

而我之前是在全局導入了vuex,導致

import Vuex from 'vuex'

這句提示缺少vuex,我按照他提示的文案點擊之後,ws會自動下載安裝vuex,但是出問題就在這裏。

一般如果是npn install vuex --save 安裝完之後package.json裏vuex裏會提示安裝的版本

"dependencies": {

"element-ui": "^2.8.0",

  "vue": "^2.5.2",

  "vue-router": "^3.0.1",

  "vuex": "^3.1.1"

},

但是如果是ws自動安裝的,這裏顯示就是lateest

然後在main.js導入store,同樣的代碼,ws自動安裝的vuex就會出現this.$store找不到,不清楚爲啥。

另外如果不小心ws自動安裝了,使用npm uninstall vuex先卸載掉,再寫npn install vuex --save就行,注意是項目目錄下

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章