[vuex] unknown mutation type: XXX

原创已于 2022-09-27 16:54:06 修改 · 332 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

于 2022-09-27 16:53:34 首次发布

本文记录了一次在编写模块化代码过程中遇到的错误排查经历，主要原因是未正确导入所需的mutation文件，通过逐步检查最终定位并解决了问题。

写模块化代码报错，根据其他人遇到的情况依次检查拼写无误，也不是因为没有写命名空间，最后想起来问题是找不到这个mutation，什么情况下找不到：没有的情况下。所有看了一下，果然没有导入这个文件

解决结果：

标签

#前端 #vue.js #javascript

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yorup

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

[vuex] unknown mutation type:‘‘报错解决方法

wuyongjun0811的博客

06-30

1万+

vue项目中，使用this.$store.commit的时候控制台报错

[vuex] unknown mutation type: XXX/XXX 报错解决方法

Liux- 的博客

08-21

7万+

unknown getter: XXX/XXX 报错解决方法今天，用vuex中的Module来分割多个模块的时候，碰到了一个bug，今天，跟大家分享一下，先看一下报错内容吧我的代码结构是这样的 index是主文件，liuxu和test是分割出来的，然后index.js里面引入这两个js 当我调用这两个模块中的mutations的时候，出现上面的报错，我的代码是这样写的因为分模块了，所以我要调用liuxu或者test下面的mutations，然后就报错了，但是，如过我这样写就没问题this.$

1 条评论您还未登录，请先登录后发表或查看评论

vuex中unknown mutation type:的解决

csdn_hsr的博客

04-26

1万+

页面在使用invoice.js的mutations中方法时需要加上模块名，如图所示。 <script> import {mapState,mapMutations} from 'vuex' export default { data() { return { invoiceData: {} } }, computed: { ...mapState({ picker:state=>state.invoice.picker }),

【vuex】控制台报错：unknown mutation type: XXX/XXX

m0_63667667的博客

04-24

1492

错误原因：模块内部的 action、mutation 和 getter 是注册在全局命名空间的，即多个模块能够对同一 mutation 或 action 作出响应。解决办法：在你的每个模块的前面，加上。

unknown mutation type:

qq_38270306的博客

09-14

1万+

我这边使用得是vue+element vue得状态组成 actions 这个是异步请求通过异步请求得话然后在调用 mutations.js mutations.js 将数据提交到这里 this.$commit(‘test’,testTemp) index.js 这个是将数据初始化 getters 这个是将 this.$store.getters.test 就能获取到了 testTemp 写法是这个写法最后得原因是因为我这在 index.js 和mutation.js 为定义常量##

Vuex报错：unknown mutation type: xxx

牛涵熙的博客

03-02

4291

vuex常见报错

使用vuex出现unknown mutation type: xxx/xxx

SpitFire_Dinosau的博客

08-03

646

使用this.$store.commit('user/clearToken');，由于vuex官网里面所写需要添加。把我第二的代码中的注释取消即可解决问题。

vuex报错：[vuex] unknown mutation type: xxx

wh4834的博客

11-10

942

使用vuex时遇到[vuex] unknown mutation type: xxx，现将我的解决办法分享给大家

vuex报错unknown local mutation type: xxx

qq_43477107的博客

02-06

1980

vuex

vue 使用store报错： [vuex] unknown mutation type: XXX

weixin_42001360的博客

08-10

1285

【代码】vue 使用store报错： [vuex] unknown mutation type: XXX。

Vuex模块化 commit()时报错 unknown mutation type:xxx

qq_45879999的博客

03-04

3567

写代码要细心，能开提示开提示，。。

VUEX模块化不同模块调用其它模块的mutations报错： [vuex] unknown mutation type: XXX

weixin_45491250的博客

04-13

1569

出现这个报错一般是在vueX的js或TS文件内引入了其它的JS文件使用，用以实现分割模块的效果，当我们调用Module内的内容时会出现unknown mutation type: XXX/XXX这种报错，下面看一下结构。看一下目录结构：index.js是vueX中主文件。在同级新建了liuxu.js与test.js. 下面是将新建的模块文件引入的方式：当我调用这两个模块中的mutations的时候，出现上面的报错，我的代码是这样写的因为分模块了，所以我要调用liuxu或者test下面的mutation

vue组件使用vuex中的方法报错，报[vuex]unknown mutation type:xxx的错误

World_Mei的博客

07-29

4788

vuex如果分为几个模块，方法是在模块中的话，如果直接在组件中通过this.$store.commit("方法名")是获取不到，必须要在前面加上模块名，如this.$store.commit("模块名/方法名")才可以获取到。同理：页面中使用状态量this.$store.commit("模块名/状态量") ...

使用Vuex 报错 unknown action type:XXX（未知的操作类型:）

热门推荐

雷佳佳的博客

09-28

9万+

只是想实现一个简单的 count ++ count – 的功能不到半年没使用 vue 突然发现不会用了 unknown action type: 这个报错看了许久，耗费了好长时间，中午整明白为什么了看代码：在组件里面调用 actions 下面的方法，一直报错，未知的操作类型，可以自己在store 里面明明定义了嘛。费解。。。。 //this.$store.commit()触发...

[vuex] unknown action type: xxx 的原因

weixin_44486632的博客

12-17

2089

写demo的时候报 [vuex] unknown action type: xxx错误, 后来发现是命名空间属性写错导致的正确的属性名称是 namespaced 改成正确的属性名称后报错消失

vue组件使用vuex中的方法报错，报unknown mutation type的错误

weixin_44090753的博客

09-20

3141

vuex报错

Vuex——命名空间导致错误[unknown action type:XXX]解决方案

无限迭代中......

04-15

1万+

问题描述 [vuex] unknown action type: xxx 官方文档 https://vuex.vuejs.org/zh/guide/actions.html https://vuex.vuejs.org/zh/guide/modules.html#命名空间问题分析暂无。解决方案 1.把命名空间代码注释掉 export default { // na...

vuex中遇到 [vuex] unknown action type: xxx报错

dadeka125的博客

04-10

3万+

一开始遇到的时候，以为是action.js导出写错了，换了各种写法还是报错 export default { addNum:({commit,state},id)=>{ commit('REMBER_AWARDID',id) } } 再排查是否mapActions错误，也不是 methods:{ ...mapActions([ 'addNum' ]), 最后找出是sto...

[vuex] unknown action type: xx/xxx

senmu_的博客

08-21

976

刚开始报错： [vuex] unknown action type: xx 上网找解决方法说因为使用了modules，所以要修改路径：方式1： this.$store.dispatch('模块名/action名', 参数) 方式2： methods: { ...mapActions('模块名', ['xxx']), ...mapActions('模块名',{'新名字': 'xxx'}) } 但是使用了上面写法却依旧报错： [vuex] unknown action type: xx/x