vuex中的babel编译mapGetters/mapActions报错解决方法

原创 2017年07月04日 10:36:27

…三个点,在框架语言里,就是传对象

在尝鲜vuex2时,发现vuex2增加了 mapGetters 和 mapActions 的方法,借助stage2的 Object Rest Operator 特性,可以写出下面代码:
methods: {
…mapActions([
‘increment’,
‘incrementIfOdd’
])
}
但是在借助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 中应用插件:
babel: {
presets: [‘es2015’],
plugins: [‘transform-runtime’,’transform-object-rest-spread’]
}
重启webpack,就不会再有报错了。

vue辅助函数mapState和mapGetter前面三个点

qq_Peter小飞侠_0 mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢?通常,我们需要使用一个工具函数将多个对象合并为一个,以使我们可以将最终对象传给 co...
  • qq_34629352
  • qq_34629352
  • 2017-10-03 19:06:13
  • 2581

vuex中关于mapState,mapGetters,mapMutations,mapActions的作用

mapState,vuex
  • a641832648
  • a641832648
  • 2017-03-15 18:14:25
  • 31799

如何使用babel进行es6文件的编译

1.babel babel官方网址 2. 安装 npm i babel-cli -g 通过上面命令进行babel的安装,其中i表示安装install的意思, -g表示安装到全局 3.使用 创建文件...
  • suwu150
  • suwu150
  • 2017-08-15 20:11:41
  • 16836

前端入坑,先入了React坑

一来就入了深坑呢,React系。。。 记录两个点,开发环境配置,React本身。 1,开发环境配置 由于React中可以使用jsx语法,也为了方便以后开发调试,需要装好些个东西,配置...
  • zhangbohun
  • zhangbohun
  • 2016-08-17 19:59:39
  • 3287

...mapActions报错

1.npm install --save-dev babel-plugin-transform-object-rest-spread 2.在项目根目录新建.babelrc,放入下面内容: {  ...
  • shmily__35
  • shmily__35
  • 2017-08-15 15:42:42
  • 780

ES6---扩展运算符和rest‘...’(三点运算符),在数组、函数、set/map等中的应用

ES6新增的三点运算符,是由三个点表示,在数组中扮演着重要的角色,可以对数组进行合并与分解、可以对set等数据结构进行转换、可以对函数参数进行简化表示,接下来,我们一起揭开其神秘面纱…●三点—rest...
  • Wbiokr
  • Wbiokr
  • 2017-03-28 21:05:37
  • 2289

记一次vuex的mapGetters无效原因

报错是(error during evaluation),见下图。代码大概是下面这样,import store from './store.js'computed: { ...mapGette...
  • qq807081817
  • qq807081817
  • 2017-09-20 17:59:48
  • 963

Uncaught SyntaxError: Unexpected token <

昨天在调试一个项目效果的时候,死活出不来,用chrome调试一下,发现报了一个错误:Uncaught SyntaxError: Unexpected token ,我点了其他页面发现没有报这个错误,经...
  • qq413041153
  • qq413041153
  • 2012-04-19 10:57:50
  • 136545

vue-router 报错"Uncaught SyntaxError: Unexpected token }"

"Uncaught SyntaxError: Unexpected token }" Vue({router}) 报错"Uncaught SyntaxError: Unexpected token }...
  • PlusChang
  • PlusChang
  • 2017-10-09 08:38:18
  • 2412

Vue的加载顺序探讨

原文地址:http://blog.csdn.net/yiifaa/article/details/53393479 在Vuejs 1.0版本中,如果父子组件进行配合,它们的生命周期执行具有如...
  • tanga842428
  • tanga842428
  • 2017-06-22 20:56:06
  • 1218
收藏助手
不良信息举报
您举报文章:vuex中的babel编译mapGetters/mapActions报错解决方法
举报原因:
原因补充:

(最多只允许输入30个字)