報錯:[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"

1.錯誤詳情

2. 錯誤分析

百度此錯誤發現,很多人可能忘記在main.js中引入store.js並掛載在vue實例上,或者state單詞寫錯了

import Vue from 'vue'
import App from './App'
import router from './router'
// 引入vuex倉庫插件
import store from './store';
Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store, //註冊倉庫,給每一個組件的身上添加$store屬性

  components: {App},
  template: '<App/>'
})

我審查了很多遍代碼,依然報錯,讀取不到state中的數據,後來想到可能是版本的問題
此項目是vue2,要使用vuex3才能正常運行,我安裝的時候沒有指定版本,直接裝的是最新的vuex4版本,因此庫版本不一致導致不能正常運行

3.錯誤解決

更改vuex爲3版本的
cnpm install --save vuex@3

💯😁可以正確讀取到state中的數據✔✔✔

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