关于在使用Vuex时终端报错TypeError: Cannot read properties of undefined (reading ‘state‘)的解决方案-Toy模板网

这篇具有很好参考价值的文章主要介绍了关于在使用Vuex时终端报错TypeError: Cannot read properties of undefined (reading ‘state‘)的解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

下面都是代码的正确语法书写和使用，先和自己的代码对一下，没有语法错误在看后面的解决方案。

1.当创建一个vue2项目后并安装最新的vuex包(没有指定版本)

2.引入vuex并生成一个store对象(src/store/index.js)

import Vue from "vue"
// 1.安装vuex包
// 2.导入vuex
import Vuex from 'vuex'
// 3. 把vuex注册为vue的插件
// 在vue实例的原型上挂载一个$store属性
Vue.use(Vuex)
// 4.定义规则并生成store对象
const store = new Vuex.Store({
  state: {
    count: 100
  }
  
})

// 5.导出到main.js中 注册到 new Vue 中
export default store

3.在main.js中挂载store(src/main.js)

import Vue from 'vue'
import App from './App.vue'
import store from '@/store/index.js'
Vue.config.productionTip = false

new Vue({
  // 让Vue项目有vuex的功能
  // 给Vue实例的原型上的$store赋值(值为store中的state)
  store,
  render: h => h(App),
}).$mount('#app')

4.到这里为止都是vuex正确的使用但是终端还是报错TypeError: Cannot read properties of undefined (reading ‘state‘)

cannot read properties of undefined (reading 'state'),vue.js,javascript,前端

报错原因：vue2的版本和vuex的版本不匹配导致的，我们的代码书写是没有问题的。

解决方案：安装指定的vue和vuex的版本就可以了。

cannot read properties of undefined (reading 'state'),vue.js,javascript,前端文章来源地址https://www.toymoban.com/news/detail-544127.html

到了这里，关于关于在使用Vuex时终端报错TypeError: Cannot read properties of undefined (reading ‘state‘)的解决方案的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！