unknown getter: XXX/XXX 报错解决方法

今天,用vuex中的Module来分割多个模块的时候,碰到了一个bug,今天,跟大家分享一下,先看一下报错内容吧

我的代码结构是这样的

index是主文件,liuxu和test是分割出来的,然后index.js里面引入这两个js

当我调用这两个模块中的mutations的时候,出现上面的报错,我的代码是这样写的

因为分模块了,所以我要调用liuxu或者test下面的mutations,然后就报错了,但是,如过我这样写就没问题this.$store.commit(‘changeHeight’),但是如果我这样写,分模块的意义何在,研究了半天,突然看到官方文档,文档说

默认情况下,模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。

这时候我明白了,this.$store.commit(‘changeHeight’)是注册在全局命名空间的,如果用this.$store.commit(‘liuxu/changeHeight’) 肯定报错,怎么解决呢,官方说了,你可以通过添加 namespaced: true 的方式使其成为带命名空间的模块,于是,我这样写了


加上namespaced: true的话,当模块被注册后,它的所有 getter、action 及 mutation 我们就可以通过以下方式来写了,例如

this.$store.commit('liuxu/changeHeight') // => liuxu/changeHeight

报错就解决了

[vuex] unknown mutation type: XXX/XXX 报错解决方法相关推荐

  1. 关于mysql修改密码 set password for root@localhost = password(‘xxx‘);报错解决方法

    mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('123456'); ERROR 1064 (42000): You have an ...

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

    cart.js mutations:{delGoods(){ console('删除商品') }} order.js mutations:{createdorder(){ commit('delGoo ...

  3. [vuex] unknown mutation type: set_userinfo

    [vuex] unknown mutation type: set_userinfo #问题 解决办法 一般是vuex状态管理的 mutations: { set_userinfo(state, us ...

  4. Parsing error: No Babel config file detected for xxx Either disable config file checking...报错解决方法

    Parsing error: No Babel config file detected for xxx Either disable config file checking-报错解决方法 使用Vu ...

  5. dell服务器硬件检测cable,DELL服务器硬件报错解决方法——错误代码寄解决和处理办法...

    DELL服务器硬件报错解决方法--错误代码寄解决和处理办法 代码 文本 原因 纠正措施 E1000 Failsafe voltage error. Contact support.(故障保护电压错误. ...

  6. ThinkPad安装deepin操作系统报错解决方法

    ThinkPad安装deepin操作系统报错解决方法 参考文章: (1)ThinkPad安装deepin操作系统报错解决方法 (2)https://www.cnblogs.com/haihua85/p ...

  7. hive导出数据到本地文件报错解决方法

    hive导出数据到本地文件报错解决方法 参考文章: (1)hive导出数据到本地文件报错解决方法 (2)https://www.cnblogs.com/yaopeiyun/p/12232251.htm ...

  8. Failed to resolve: com.android.support:appcompat-v7:27.+ 报错解决方法

    Failed to resolve: com.android.support:appcompat-v7:27.+ 报错解决方法 参考文章: (1)Failed to resolve: com.andr ...

  9. AndroidStudio EventBus报错解决方法its super classes have no public methods with the @Subscribe

    AndroidStudio EventBus报错解决方法its super classes have no public methods with the @Subscribe 参考文章: (1)An ...

最新文章

  1. 你的响应阻塞了没有?--Spring-WebFlux源码分析
  2. php 去除图片黑边,C#_c#扫描图片去黑边(扫描仪去黑边),自动去除图像扫描黑边复制代 - phpStudy...
  3. 会议 | 2019 全国知识图谱与语义大会 (CCKS 2019)
  4. iis服务器修改内存,修改IIS的虚拟内存
  5. 怎样用VB获得Windows各类系统目录
  6. 第八章- 测试并发应用(引言)
  7. jquery扩展方法的两种形式
  8. 高等数学(七)- 多元函数微分学(2)【多元函数极值问题】
  9. Micropython加速物联网开发4 - SPI驱动5110LCD屏
  10. HTML跳转php没反应的问题解决
  11. c语言中大写a对应的数字,123456789a
  12. 不要做全职UP主,除非你非常有钱
  13. VLAN技术防黑+ vtp域VLAN数据同步
  14. Win11系统开机黑屏无法显示桌面怎么解决?
  15. 可汗学院学习总结(一)
  16. URLDecoder.decode
  17. [渝粤教育] 山东体育学院 体育教学论 参考 资料
  18. Java中的除法结果与除数被除数的类型有关
  19. sizeof的用法详解
  20. 超链接打不开是什么原因html,超链接打不开是什么原因

热门文章

  1. matlab绘制动画保存
  2. 菜刀php教程,中国菜刀的功能介绍和使用方法
  3. Android实现九宫格图案解锁
  4. 标题: 连接到服务器 ------------------------------ 无法连接到 DESKTOP-TGC5ASS\HAHA。 ----------------------------
  5. [转贴]迅雷十年反思
  6. linux egg,Ubuntu下egg文件的安装与制作
  7. python子进程kerberos_Python实现Kerberos用户的增删改查操作
  8. 关于mikefile 萌新用法
  9. IDEA萌新快速入手教程
  10. XiaoHu日志 6/17~6/19