Vuex报错提示property 'commit' of undefined或store must be called with the new operator

最新推荐文章于 2022-10-21 22:29:15 发布
最新推荐文章于 2022-10-21 22:29:15 发布
阅读量735 收藏
点赞数
分类专栏： 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45001147/article/details/105248674
版权

错误提示：
在这里插入图片描述
错误是因为我没有在main.js里面引入注册，所以正确做法如下：
在这里插入图片描述
后来又报这个错，（自己进的坑还真多啊）
在这里插入图片描述
后来网上查了原因是因为我没有new Vuex.Store({}),漏掉new了
在这里插入图片描述

北城南溪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vuex报错 Cannot destructure property ‘commit‘ of ‘undefined
qq_44161722的博客
10-20 729
经过排查发现是在另一个模块的actions中调用了当前模块actions中的方法，没有传任何值，所以无法结构出来commit方法。另外，在排查过程中看到有人说导致这个错误的原因还有可能是未在main.js文件中挂载store。在使用vuex中的模块是遇到了一个报错，这个报错的意思是解构一个未定义的对象时发生的。找到原因后针对修改，把commit传过去即可。
使用Vuex时报错提示Cannot read property ‘commit‘ of undefined终极解决
coral_150的博客
03-08 2604
使用Vuex时报错提示Cannot read property 'commit' of undefined`，检查了很久终于发现是版本冲突的问题！
vuex 解决报错this.$store.commit is not a function的方法
12-08
Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递 但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。 Vue 的状态管理工具 Vuex 完美的解决了这个问题。 看了下vuex的官网，觉得不是很好理解，有的时候我们只是需要动态的从一个组件中获取数据（官网称为“组件层级”：是个独立的控件，作用范围只在组件之内）然后想放到一个被官网称作“应用层级”（在项目的任意地方都可以随时获取和动态的修改，在修改之后，v
Uncaught Error: [vuex] store must be called with the new operator
qq_60163657的博客
04-02 462
使用Vuex的时候报错 查找文件发现 少加了一个关键操作符new，加入关键字new之后 页面就正常渲染了，解决报错
Uncaught Error: [vuex] store must be called with the new operator.
qq_51435233的博客
02-08 1029
错误日志：使用vuex报错，原因是在创建vuex时没有使用new。 错误写法： 正确写法：
mpvue - vuex辅助函数报错：Cannot read property 'commit' undefined
idomyway的博客
10-31 1345
前言     在mpvue中，vuex对象不能注入到页面和组件当中     如果使用了vuex辅助函数mapMutations与mapGetters，则在子组件中会报如下的错误： 解决方法：     将store对象通过$store属性添加到vue原型上，即： Vue.prot...
vuex中store存储store.commit和store.dispatch的用法
10-15
`store.commit` 和 `store.dispatch` 是 Vuex 中用于管理和改变状态的核心方法，它们各自有不同的功能和应用场景。 **1. store.commit** `store.commit` 用于触发一个 **mutation**（状态变更事件）。Mutation 是 ...
在Vuex使用dispatch和commit来调用mutations的区别详解
10-18
- `commit`是同步的，用于直接修改Vuex store中的状态，而`dispatch`是异步的，用于触发可能包含异步操作的actions。 - `commit`是直接与state交互，而`dispatch`则提供了一种间接方式，通过actions来间接修改state...
使用Vuex时报错提示Cannot read property 'commit' of undefined
热门推荐
weixin_44530406的博客
04-26 2万+
使用Vuex时报错提示Cannot read property ‘commit’ of undefined 原因：main.js中未导入store。 解决方法：main.js中导入store。
报错VM1548 WAService.js:2 TypeError: Cannot read property ‘commit‘ of undefined
eyes++的博客
08-18 4055
今日份血泪教训，找了三个小时的bug。 在js文件中引入vuex时使用了vuex的模块写法，如下图所示 此时可以成功获取mapMutations('xWeather', ['setNavUserAddress', 'setNavUserWeather'])对象的两个函数，但是调用时报错VM1548 WAService.js:2 TypeError: Cannot read property 'commit' of undefined，我点开报错资源页时发现，在调用vuex时会使用this获取commit函数
uniApp 使用Vuex 出现 Cannot read properties of undefined (reading ‘commit‘)情况
m0_60721514的博客
02-23 5062
最近下手uni app 尝鲜 想到vue全家桶的使用，vuex是必不可少的。使用实例使用完按照文档方法使用，发现了一个问题。 在调用vue自定义的commit函数是会报错。Cannot read properties of undefined (reading ‘commit’) 说是找不到，就在该函数外部打印输出发现是存在的，函数内的 通过this.$store取值为undefined。问题就找到了。 其实解决方案就是不使用this实例的属性，上面使用import导入了一个store，这个就是定义的内
vue使用$store.commit() undefined报错
qq_45504834的博客
03-06 3975
这里我想把token和userInfo分别存入sessionStorage和LocalStorage中，登录提交的时候报commit undefined 问题所在，我们没有在全局中配置store，解决办法如下 在main.js中配置store即可 成功存储
vue-router源码分析(中)
Web_boom的博客
06-24 586
路由的概念相信大部分同学并不陌生，我们在用 开发过实际项目的时候都会用到 这个官方插件来帮我们解决路由的问题。它的作用就是根据不同的路径映射到不同的视图。本文不再讲述路由的基础使用和，不清楚的同学可以自行查阅官方文档vue-router3 对应 vue2 和 vue-router4 对应 vue3。今天我们从源码出发以源码为例，一起来分析下的具体实现。vue-router源码分析(上)vue-router源码分析(中)vue-router源码分析(下)在上文中我者讲述路路由的一些前置知识，以及路由安装模
2022-10-21 解决vuex报错:Cannot read properties of undefined (reading ‘state‘)“
GAARA
10-21 3686
正确引入store 被上面这个报错误导,输入了上述安装命令,但是真正的错误原因是: store的引入路径不正确,因为真正要引入的是store文件夹下的index.js文件 修改后的main.js
vue-router3源码注视系列 /src/index.js
qq_36723759的博客
04-18 896
/* @flow */ //install： vue.use( VueRouter ) 时调用的 install() 方法。 import { install } from ‘./install’ //START： 初始化 route 对象。 import { START } from ‘./util/route’ //assert, warn： 断言和警告 import { assert, warn } from ‘./util/warn’ //inBrowser： 判断是不是处于浏览器环境。 impor
(vue.js)cannot read property ‘commit’of undefined
paullinjie的博客
08-14 1万+
问题： (vue.js)cannot read property ‘commit’of undefined描述: 我的分组都分好了，但是vueX有点迷茫怎么用 看图 求大神给点意见或建议 解决方案1: Vue里面store未注册！！！！！！！！！！！！！！！！！！！ 解决方案2: commit在哪里啊。。。vuex修改状态的流程一般为dispatch-->co...
Cannot read property 'state' of undefined vuex报错
最新发布
09-11
当现“Cannot read property 'state' of undefined”这个错误时，通常是因为在访问Vuex的状态时，没有正确引入或定义Vuex的store。在使用Vuex时，我们需要确保以下几点： 1. 确保已正确引入Vuex。在Vue组件中，我们...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值