mapState获取的数据报错 TypeError: Cannot read properties of undefined (reading ‘cartInfoList‘)

在这里插入图片描述
这个bug我找了几个小时,很从main.js到index.js到ShopCart.js再到index.vue 全部都找了,就是找不出哪里报错了

页面报错就:

调试代码,
注释部分代码
观察报错是否改变
往上推错误源

部分组件报错:

consoles输出任何能输出
观察那个环节出问题

这个问题在于,store中的index.js中

import Vue from "vue";
import Vuex from 'vuex'


// 引入store文件
// 此处错误  源文件是大写S,注册是小写的S,这就导致mapState无法准确的找到ShopCart
import shopCart from './ShopCart'
Vue.use(Vuex)

export default new Vuex.Store({
   modules:{
   
      shopCart
   }
})

还有一点就是Vuex中的三个关键字除了State不是+s 其余都是复数形式


版权声明:本文为qq_53523338原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。