Vue中使用(...)拓展运算符报错的问题
一:问题背景使用Vuex的辅助函数mapMutations对mutations进行维护的时候,准备使用拓展运算符(…)将内容放置到methods中去,但是运行的时候,(…)运算符一直报错。二:报错内容下列图片就是当时报错的信息三:解决方法查看package.json文件中是否有解析(…)运算符的插件:babel-plugin-transform-object-rest-spread,如...
·
一:问题背景
使用Vuex的辅助函数mapMutations对mutations进行维护的时候,准备使用拓展运算符(…)将内容放置到methods中去,但是运行的时候,(…)运算符一直报错。
二:报错内容
下列图片就是当时报错的信息
三:解决方法
查看package.json文件中是否有解析(…)运算符的插件:babel-plugin-transform-object-rest-spread
,如果没有,进行安装,然后在.babelrc文件中配置插件。
//安装命令
npm install babel-plugin-transform-object-rest-spread --save-dev
//配置内容
{
"presets":[xxx] //已经存在的配置
"plugins":["transform-object-rest-spread"] //新增的配置
}
四:提示内容
经过以上的配置,能够正常的编译运行项目,如果你还是无法解决,或许是babel识别ES6语法出现了问题,配置出现了问题,可以参照一下两个链接尝试解决。
https://www.jb51.net/article/145361.htm
https://segmentfault.com/q/1010000008028037
更多推荐
已为社区贡献2条内容
所有评论(0)