vuex中使用mapMutations/mapGetters报错解决方法

最新推荐文章于 2023-04-18 10:33:43 发布
最新推荐文章于 2023-04-18 10:33:43 发布
阅读量2.8k 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43961899/article/details/100221964
版权

报错信息如下
在这里插入图片描述
解决
npm i babel-preset-stage-3 --save-dev

修改.babelrc配置
{ “presets”: [“es2015”, “stage-3”] }

如果还报错如
vue- Couldn’t find preset “es2015” relative to directory
原因是没使用es标准，而引用的插件使用了es标准，所以编译会报错

解决方法
npm i babel-preset-es2015 --save-dev

web夏目贵志
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vuex2中使用mapGetters/mapActions报错的解决方法
10-17
主要介绍了vuex2中使用mapGetters/mapActions报错解决方法 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
08-27
使用这些概念，Vuex提供了`mapState`、`mapGetters`、`mapActions`和`mapMutations`辅助函数，它们帮助开发者便捷地在组件中绑定和调用这些状态和方法。例如，`mapState`可以让组件直接绑定到store中的状态，而`...
【深入理解ES6】函数（3）
wgf1997的博客
03-24 593
元属性new.taget、块级函数、箭头函数、尾调用优化
VUE报错
yjreset的博客
08-09 581
报错：cannot read property 'forEach' of undefined 原因：对象不是数组
【vue】报错：mapState is not defined
热门推荐
gz-郭小敏的博客
04-16 1万+
场景： vue-cli项目引入了vuex，在vue component模块中调用以下代码报错。 export default { computed:{ ...mapState({ isLogin: state => state.isLogin, userName:state => state.userName, }), } } 错误： App.vue...
webpack打包 vuex ...mapMutations ，...mapGetters报错解决
hanxue_tyc的博客
08-05 3228
在开发vue项目中使用vuex 的 …mapMutations等语法时webpack打包发生错误 Unexpected token，解决办法： 先安装： cnpm install –save-dev babel-plugin-transform-object-rest-spread 安装成功后： 在项目根目录新建.babelrc，（如果存在，修改内容） 放入下面内容: { “pres
ReferenceError: mapActions is not defined
m0_47943986的博客
04-18 520
前端问题处理
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
08-27
Vuex 中的 MapState、MapGetters、MapMutations、MapActions 的作用详解 Vuex 是一个状态管理模式，用于帮助开发者更好地管理应用程序中的状态。Vuex 中提供了多种方式来帮助开发者管理状态，其中包括 MapState、...
vuex mapMutations报错vuexError in v-on handler: “TypeError: xxx is not a function“
weixin_51143190的博客
06-07 1136
vuex mapMutations报错vuexError in v-on handler: "TypeError: xxx is not a function"
关于vuex 的Mutation
超级小恐龙~
07-11 336
不可用this.$store.mutations.xxx(xx)方式调用mutations的方法， 在main.js中调用mutations方法： 你不能直接调用一个 mutation handler。这个选项更像是事件注册：“当触发一个类型为increment的 mutation 时，调用此函数。”要唤醒一个 mutation handler，你需要以相应的 type 调用store.commit方法 提交载荷（Payload） 你可以向store.commit传入额外的参数，即 mu...
vuex2中使用mapMutations/mapActions报错解决方法 BabelLoaderError: SyntaxError: Unexpected token...
weixin_56071908的博客
10-31 363
在尝鲜vuex2时，发现vuex2增加了 mapGetters 和 mapActions 的方法，借助stage2的 Object Rest Operator 特性,可以写出下面代码：methods: { marked, ...mapActions([ 'getArticles' ])}但是在借助babel编译转换时发生了报错： BabelLoaderError: SyntaxErr...
Vue中mapMutations映射方法的问题
weixin_30877755的博客
05-05 462
今天又被自己给蠢到，找了半天没发现问题。大家看下代码。 mutation-types.js 里我新增了一个类型。INIT_CURRENTORDER export const GET_USERINFO = 'GET_USERINFO' export const OUT_LOGIN = 'OUT_LOGIN' export const GET_ORDER = 'GET_OR...
当网络断开时，如果 Vuex store 被重置，mapMutations 映射将不存在
weixin_48683052的博客
03-28 241
使用了 created 和 destroyed 生命周期钩子来添加和删除一个事件监听器。当网络断开时，事件监听器会触发 registerMutations 方法，该方法会重新注册 mutations，并重新映射它们。这样就可以更新 Vuex store 了。
Vuex的使用（七）——mapMutations的用法
讨厌走开啦
09-08 7702
参考文档：https://vuex.vuejs.org/zh/guide/ mapMutations的定义可以对标mapState和mapGetters，就不赘述了，下面直接上示例代码。首先在Vuex中补充mutations的其他几种用法（修改文件路径为src\store\index.js），代码如下： import Vue from “vue”; import Vuex from “vuex”; Vue.use(Vuex); const store = new Vuex.Store({ state: {
vuex2中使用mapMutations/mapActions报错解决方法 BabelLoaderError: SyntaxError: Unexpected token
u011927449的博客
06-16 1050
在尝鲜vuex2时，发现vuex2增加了 mapGetters 和 mapActions 的方法，借助stage2的 Object Rest Operator 特性,可以写出下面代码：methods: { marked, ...mapActions([ 'getArticles' ])}但是在借助babel编译转换时发生了报错： BabelLoaderError: SyntaxError: Unexpected token 。解决方案在vuex的repo issues中有人提过这样的问题，后来是
vue报错 TypeError Object(...) is not a function
sm923的博客
07-02 1万+
TypeError: Object(...) is not a function
052-方法值(Method Value)及方法表达式(Method Expression)
进击的小学生
05-27 1766
和这一篇相对应一篇叫函数值(Function Value). 1. 问题 仍以一个简单的例子开始： package main import ( "fmt" "time" ) type Point struct { X, Y float64 } func (p Point) Show() { fmt.Printf("Position{%v, %v...
vuex中的mapmutations使用
最新发布
09-10
在Vue.js中使用Vuex的mapMutations方法可以简化在组件中使用mutations的过程。它通过将mutations映射到组件的methods中，使得我们可以直接在组件中调用mutations而无需手动触发dispatch。下面是mapMutations的使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web夏目贵志

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值