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

Question

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

使用如下：

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

报错如下：

涉及到的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",

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