Vue 项目报错：Syntax Error:Unexpected token

报错

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/element-ui/packages/image/src/image-viewer.vue
Module build failed: SyntaxError: Unexpected token (292:8)

  290 |         rotateDeg: 90,
  291 |         enableTransition: true,
> 292 |         ...options
      |         ^
  293 |       };
  294 |       const { transform } = this;
  295 |       switch (action) {

原因

Vue 项目构建不支持扩展运算符，需要手动配置。

解决方法

npm install --save-dev babel-preset-stage-2

然后在项目根目录手动创建一个 .babelrc 文件，将下面内容写入该文件后重新 npm run dev 即可！