vuex2中使用mapMutations/mapActions/mapGetters报错解决方法
来源:互联网 发布:阿里云域名咋续费 编辑:程序博客网 时间:2024/05/21 20:08
在使用vuex2时,发现vuex2增加了 mapGetters
和 mapActions
的方法,借助stage2的Object Rest Operator
特性,可以写出下面代码:
methods: { marked, ...mapActions([ 'getArticles' ])}
但是在借助babel编译转换时发生了报错: BabelLoaderError: SyntaxError: Unexpected token
。
解决方案
在vuex的repo issues中有人提过这样的问题,原来是我babel预置的转换器是 babel-preset-es2015
,并不能转换Object Rest Operator
特性。
解决方法很简单了,可以安装整个stage2的预置器或者安装 Object Rest Operator
的babel插件 babel-plugin-transform-object-rest-spread
package.json的devDependencies增加配置:
"babel-plugin-transform-runtime": "^6.22.0","babel-preset-stage-2": "^6.22.0",
执行npm install 安装上面的插件,
然后打开文件:.babelrc
输入以下内容:
{ "presets": ["es2015", "stage-2"], "plugins": ["transform-runtime"], "comments": false}重新build错误解决
阅读全文
1 0
- vuex2中使用mapMutations/mapActions/mapGetters报错解决方法
- vuex中mapState、mapGetters、mapActions、mapMutations的使用
- vuex中关于mapState,mapGetters,mapMutations,mapActions的作用
- vuex中关于mapState,mapGetters,mapMutations,mapActions的作用
- vuex中的babel编译mapGetters/mapActions报错解决方法
- webpack打包 vuex ...mapMutations ,...mapGetters报错解决
- vex使用...mapActions报错解决办法
- ...mapActions报错
- 有关VS2013中,使用scanf函数报错的解决方法
- php中使用addslashes函数报错问题的解决方法
- DropDownList使用报错解决方法
- 使用esapi报错解决方法
- JFinal中使用QuartzPlugin报ClassCastException解决方法
- vuex2.0 基本使用(1) --- state
- mutation结合action的使用(vuex2.0)
- vuex2.0 基本使用 --- mutation 和 action
- Mac中使用eclipse做java项目,使用Runtime执行命令行的命令报错解决方法
- 使用eclipse时在jsp中使用el表达式报错的解决方法
- 接到任务,再学习
- DialogFragment学习
- 用Three.js创建一个简易的天空盒
- LABVIEW中文字符串或路径上传至MYSQL显示乱码的解决办法
- C语言和C++的区别
- vuex2中使用mapMutations/mapActions/mapGetters报错解决方法
- 统计一个数字在排序数组中出现的次数。 数组是排序的,只需要找到第一个K和最后一个K就可以知道有多少个,
- 1.学习Spring Boot 先找个例子跑跑Hello World
- SQLite(2)--增,删,改,查基本操作
- maven(三)
- django 重置admin密码
- 移动端meta标签
- js高级教程阅读笔记 第五章-引用类型(上)
- 代码混淆资料收集【转】