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

r囧r小猫 2023-07-19 14:30 68阅读 0赞

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

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

解决办法（共两种，选其一即可）：

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

  1. npm install babel-preset-stage-2
  3. 接着在babel的配置文件 .babelrc 中应用插件：
  4. {
  5.       "presets": [
  6.            "stage-2" ,
  7.              ["es2015", { "modules": false }]
  8.        ]
  9. }
  11. 作者：书山有路_勤为径
  12. 链接：https://www.jianshu.com/p/dad8d00dcddd
  13. 来源：简书
  14. 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

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

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

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

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

  1. //您只需要安装babel-preset-es2015：
  3. //CLI用法示例：
  5. npm install babel-cli babel-preset-es2015

发表评论

表情：
评论列表 （有 0 条评论，68人围观）

还没有评论，来说两句吧...

相关阅读