`const viewCommon={ ...components }` 报告 WebStorm 中的语法错误答案

【问题标题】：`const viewCommon={ ...components }` reports Syntax Error in WebStorm`const viewCommon={ ...components }` 报告 WebStorm 中的语法错误
【发布时间】：2018-07-22 06:38:18
【问题描述】：

我用WebStorm打开同事的Vue.js项目：

我得到一个语法错误：

error  in ./src/common/index.js

Syntax Error: Unexpected token (24:1)

  22 | 
  23 | const viewCommon={
> 24 |  ...components
     |  ^
  25 | }
  26 | const install = function(Vue) {

众所周知，... 只是其中的语法糖。

在我的 WebStorm -> Preference -> Language & Frameworks -> JavaScript -> JavaScript 语言版本中，我已更改为 EcmaScript 6。

【问题讨论】：

标签： ecmascript-6 vue.js webstorm

【解决方案1】：

感谢@ArStah，在build/webpack.base.conf.js 我在配置中添加options: { presets: ['stage-2'] }：

 {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')],
    options: { presets: ['stage-2'] }  // before there is no stage-2.
  },

然后解决了这个问题。

【讨论】：