当前位置: 首页 > news >正文

vuex properties of undefined (reading ‘getters‘)

前言:

        最近打算用vue 写个音乐播放器,在搞 vuex 的时候遇到一个很神奇报错;vuex 姿势练了千百次了,刚开始的时候我一直以为是代码问题,反复检查了带了,依旧报错。 Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'getters')"

 

 除了 mapGetters 中的 方法 都能把数据都正确,连 mapMutations 中的方法都是对的。

按理说 mapMutations 可以,mapGetters 也应该可以才对!

<script>
import { mapGetters, mapMutations } from "vuex";
export default {data() {return {};},computed: {...mapGetters({userInfo: "userInfo",}),userInfo1() {return this.$stroe.state.userInfo;},},mounted() {console.log("this.$stroe:", this.$stroe);console.log("this.$stroe.mapGetters:", this.$stroe.mapGetters);console.log("this.$stroe.getters:", this.$stroe.getters);console.log("this.$stroe.state.userInfo:", this.$stroe.state.userInfo);console.log("this.userInfo1:", this.userInfo1);console.log("this.saveToken:", this.saveToken);console.log("this.userInfo:", this.userInfo);},methods: {...mapMutations({saveToken: "saveToken",}),},
};
</script>输出
store: {…}
this.$stroe: Store {_committing: false, _actions: {…}, _actionSubscribers: Array(0), _mutations: {…}, _wrappedGetters: {…}, …}commit: ƒ boundCommit(type, payload, options)dispatch: ƒ boundDispatch(type, payload)getters: {}strict: false_actionSubscribers: []_actions: {loadStorage: Array(1), cleanStorage: Array(1)}_committing: false_devtools: undefined_makeLocalGettersCache: {}_modules: ModuleCollection {root: Module}_modulesNamespaceMap: {}_mutations: {saveToken: Array(1), updateToken: Array(1), saveUserinfo: Array(1), updateUserInfo: Array(1)}_scope: EffectScope {detached: true, active: true, effects: Array(2), cleanups: Array(0), parent: undefined}_state: {__ob__: Observer}_subscribers: []_wrappedGetters: {userInfo: ƒ, token: ƒ}state: (…)[[Prototype]]: Objectthis.$stroe.mapGetters: undefined
this.$stroe.getters: {}
this.$stroe.state.userInfo: {…}
this.userInfo1: {…}
this.saveToken: ƒ mappedMutation() {var args = [],len = arguments.length;while (len--) args[len] = arguments[len];// Get the commit method from storevar commit = this.$store.commi…

       

解决:

        各种姿势都试了,这次不知道啥情况。代码也检查了;项目重启了, 电脑也重启了。 磨了很长时间 最后试了下 换了个 vuex 版本就然可以了 ! 最后才发现 原来是 引用的 vuex 4.1.0, 版本回退到 3.6.2 就可以了 ,给大家填个坑

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • k8s 存储卷管理 持久卷 pv/pvc 临时卷
  • ESP32播放网络音频文件
  • ECMAScript的`Array.from()`:将可迭代对象转换为数组的利器
  • Java解析压缩包,并根据指定文件夹上传文件
  • python两大编程思想,类和对象,实例变量类变量,静态方法与实例方法和类方法,给对象动态绑定属性和函数
  • 老外说“You‘re a fat cat”是什么意思?你是只肥猫?错得离谱!柯桥学英语口语到银泰广场
  • 团结引擎发布1.2.3版本更新
  • zdpgo_cobra_req 新增解析请求体内容
  • 电脑屏幕录制指南,2024四大免费录屏软件推荐!
  • 猫头虎 分享已解决Bug || ImportError: No module named ‘django‘ 解决方案
  • 配置ssh密钥登录Redhat Linux(Putty,xshell)
  • 数据库管理-Redis
  • VS2022 C++ EasyX EGE 吃豆人升级版
  • 白骑士的Matlab教学进阶篇 2.5 Simulink
  • C语言 ——— 在杨氏矩阵中查找具体的某个数
  • 【css3】浏览器内核及其兼容性
  • Consul Config 使用Git做版本控制的实现
  • Github访问慢解决办法
  • Git的一些常用操作
  • IIS 10 PHP CGI 设置 PHP_INI_SCAN_DIR
  • iOS筛选菜单、分段选择器、导航栏、悬浮窗、转场动画、启动视频等源码
  • Java新版本的开发已正式进入轨道,版本号18.3
  • Joomla 2.x, 3.x useful code cheatsheet
  • k8s如何管理Pod
  • LeetCode29.两数相除 JavaScript
  • React中的“虫洞”——Context
  • Shell编程
  • vue学习系列(二)vue-cli
  • Vue组件定义
  • 名企6年Java程序员的工作总结,写给在迷茫中的你!
  • 你真的知道 == 和 equals 的区别吗?
  • 日剧·日综资源集合(建议收藏)
  • 使用docker-compose进行多节点部署
  • 腾讯优测优分享 | 你是否体验过Android手机插入耳机后仍外放的尴尬?
  • 微信小程序填坑清单
  • 无服务器化是企业 IT 架构的未来吗?
  • 详解NodeJs流之一
  • 项目管理碎碎念系列之一:干系人管理
  • 新手搭建网站的主要流程
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • SAP CRM里Lead通过工作流自动创建Opportunity的原理讲解 ...
  • ​草莓熊python turtle绘图代码(玫瑰花版)附源代码
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • # 职场生活之道:善于团结
  • #70结构体案例1(导师,学生,成绩)
  • #if #elif #endif
  • (06)Hive——正则表达式
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (2024,RWKV-5/6,RNN,矩阵值注意力状态,数据依赖线性插值,LoRA,多语言分词器)Eagle 和 Finch
  • (cljs/run-at (JSVM. :browser) 搭建刚好可用的开发环境!)
  • (Redis使用系列) SpringBoot 中对应2.0.x版本的Redis配置 一
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (每日一问)基础知识:堆与栈的区别
  • (算法)区间调度问题
  • (算法二)滑动窗口