使用vuex中的mapState报错Syntax Error: Unexpected token解决

本文详细介绍了在使用Vuex的mapState时遇到的SyntaxError: Unexpected token错误的解决办法。错误源于babel预置的转换器不支持ObjectRestOperator特性。提供了两种解决方案:一是安装整个stage2的预置器;二是单独安装ObjectRestOperator的babel插件。并附带解决了预设“es2015”未找到的问题。
摘要由CSDN通过智能技术生成

1.使用vuex中的mapState报错Syntax Error: Unexpected token

  1. 报错原因:因为我的babel预置的转换器是 babel-preset-es2015 ,并不能转换 Object Rest Operator 特性

解决办法(共两种,选其一即可):

方法一:可以安装整个stage2的预置器,运行命令如下: 

npm install babel-preset-stage-2
接着在babel的配置文件 .babelrc 中应用插件:
{
      "presets": [
           "stage-2" ,
             ["es2015", { "modules": false }]
       ]
}

作者:书山有路_勤为径
链接:https://www.jianshu.com/p/dad8d00dcddd
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

方法二:安装 Object Rest Operator 的babel插件 ,运行命令如下:

npm install --save babel-plugin-transform-object-rest-spread
我选择了安装插件,接着在babel的配置文件 .babelrc 中应用插件:
{
      "presets": [
            ["es2015", { "modules": false }]
        ],
        "plugins": ["transform-object-rest-spread"]
}

最后重新运行项目,就不会再有报错了。

如果没成功 跟着提示找错误继续:错误:无法找到预设的“ es2015”相对于目录” /用户/用户名”(错误:找不到相对于目录“ / Users / username”的预设“ es2015”)

//您只需要安装babel-preset-es2015:

//CLI用法示例:

npm install babel-cli babel-preset-es2015

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值