vue.js - 【新手】Vue2 小DEMO webpack编译报错

问题描述

问 题

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

错误如下图：

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

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

DEMO

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

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

解决方案

...拓展对象的语法现在全靠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等组件的存在，和例子的版本在同一主版号下。

这篇关于vue.js - 【新手】Vue2 小DEMO webpack编译报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！