【新手】Vue2 小DEMO webpack编译报错

NeoChang
  • 1.4k

DEMO 是抄袭别人的项目,学着写的,但npm run 的时候 webpack一直错误,最后直接 copy 别人的代码也报错,开发的包版本都差不多,个别较新。

错误如下图:

clipboard.png

分别是 login/index.vue 和 signout/index.vue 中的 扩展运算符 ... 位置报错,不明白原因。

@狼族小狈 顺便问问作者。

DEMO

从零构建vue2 + vue-router + vuex 开发环境到入门

感谢:已解决。
"presets": ["es2015", "stage-0"] 这个问题,我按照 babel 使用的是latest
写成了"presets": ["es2015", "latest"]

回复
阅读 3.2k
2 个回答
✓ 已被采纳

...拓展对象的语法现在全靠babel进行编译,而项目里是通过webpack的loader,把这些源码交给babel进行处理的。所以请检查webpack的配置和babel的配置。

webpack:

module.loaders下存在配置

      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      },

.babelrc:

保证"presets": ["es2015", "stage-0"]这个配置存在。相应的babel包安装正确。

package.json

保证babel-loader等组件的存在,和例子的版本在同一主版号下。

其实在我们内部开发,因为没有引入ESlint这些语法效验,不同的开发人员写出来的风格还是有差异的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏