您好,匿名用户

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

0 投票

在使用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",

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

用户头像 提问 2017年 6月13日 @ mongodb 下士 (987 威望)
分享到:

1个回答

0 投票

babel-preset-es2015组件并不支持该特性,而babel-preset-stage-2能支持该特性,使用npm安装它并在配置文件中配置到babel的preset项

query: { 
        presets: ['es2015', 'stage-2'] 
}
用户头像 回复 2017年 6月13日 @ Zyra 中士 (1,219 威望)
提一个问题:

相关问题

0 投票
1 回复 175 阅读
0 投票
1 回复 89 阅读
用户头像 提问 2017年 4月30日 @ Leona 中士 (1,299 威望)
0 投票
1 回复 233 阅读
0 投票
1 回复 259 阅读
0 投票
1 回复 104 阅读
用户头像 提问 2017年 3月24日 @ Cancer 中士 (1,071 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...