码迷,mamicode.com
首页 > 其他好文 > 详细

vuex2中使用mapGetters/mapActions报错解决方法

时间:2020-06-29 15:40:33      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:exp   for   RKE   stage   object   pac   配置文件   选择   转换   

在尝鲜vuex2时,发现vuex2增加了 mapGetters 和 mapActions 的方法,借助stage2的 Object Rest Operator 特性,可以写出下面代码:

methods: {
marked,
...mapActions([
‘getArticles‘
])
}

但是在借助babel编译转换时发生了报错: BabelLoaderError: SyntaxError: Unexpected token 。

解决方案

在vuex的repo issues中有人提过这样的问题,后来是修改了eslint配置中对 Object Rest Operator 的支持解决了问题,然而我根本没有使用eslint。

接着在babel的issues中搜索这样的报错,原来是我babel预置的转换器是 babel-preset-es2015,并不能转换 Object Rest Operator 特性。

解决方法很简单了,可以安装整个stage2的预置器或者安装 Object Rest Operator 的babel插件 babel-plugin-transform-object-rest-spread 。

我选择了安装插件,接着在babel的配置文件 .babelrc 中应用插件:

{
"presets": [
["es2015", { "modules": false }]
],
"plugins": ["transform-object-rest-spread"]
}

重启webpack,就不会再有报错了。

vuex2中使用mapGetters/mapActions报错解决方法

标签:exp   for   RKE   stage   object   pac   配置文件   选择   转换   

原文地址:https://www.cnblogs.com/hlsblog/p/11275542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!