vuex中的babel编译mapGetters/mapActions报错解决方法
来源:互联网 发布:2016淘宝客如何推广 编辑:程序博客网 时间:2024/06/05 12:04
…三个点,在框架语言里,就是传对象
在尝鲜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,就不会再有报错了。
- vuex中的babel编译mapGetters/mapActions报错解决方法
- vuex2中使用mapMutations/mapActions/mapGetters报错解决方法
- vuex中关于mapState,mapGetters,mapMutations,mapActions的作用
- vuex中关于mapState,mapGetters,mapMutations,mapActions的作用
- vuex中mapState、mapGetters、mapActions、mapMutations的使用
- webpack打包 vuex ...mapMutations ,...mapGetters报错解决
- ...mapActions报错
- vex使用...mapActions报错解决办法
- 记一次vuex的mapGetters无效原因
- JSONKit编译报错解决方法
- JSONKit编译报错解决方法
- JSONKit编译报错解决方法
- 交叉编译报错,解决方法
- 解决Vuex, IE浏览器报错
- 使用Vuex, IE浏览器报错
- android4.0 编译报错的解决方法
- android4.1 编译报错的解决方法
- mac 10.9编译goose报错解决方法
- java中String比大小
- 【Sublime】Sublime Text 3 最新可用注册码(免破解)
- HDU4985
- 控制反转与依赖注入
- Java中 VO、 PO、DO、DTO、 BO、 QO、DAO、POJO的概念
- vuex中的babel编译mapGetters/mapActions报错解决方法
- 根据模板生成word文档下载
- 执行等级、关机重启
- pat 1007. Maximum Subsequence Sum (25)
- Android部分手机自定义Dialog顶部有条蓝色的线问题
- 学习笔记-2017.07.04-day2,am-HTML链接-HTML头部<head>
- Easy参考图的隐私策略(Privacy Policy)
- 事务
- jpa和spring data jpa的理解