javascript - webpack中使用...延展操作符报错 是为什么

问题描述

问 题

在使用webpack 和vue2开发项目的时候，
使用了...延展操作符，但是编译的时候报错。

使用如下：

const app = new Vue({
  router,
  ...App
}).$mount('#app');

报错如下：

Module build failed: SyntaxError: d:/WorkSpace/github/easy-share-front/easy-share/src/main.js: Unexpected token (11:2)

   9 | const app = new Vue({
  10 |   router,
> 11 |   ...App
     |   ^
  12 | }).$mount('#app');
  13 | 

 @ multi main

涉及到的es6的插件如下：

"babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-plugin-transform-runtime": "^6.15.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-stage-2": "^6.18.0",
    "babel-register": "^6.18.0",

请问还缺少什么插件呢？搞不懂为什么

解决方案

babelrc里加上stage-0

这篇关于javascript - webpack中使用...延展操作符报错 是为什么的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！