Vue-loader 给了我一个意外的令牌错误答案

【问题标题】：Vue-loader giving me an unexpected token errorVue-loader 给了我一个意外的令牌错误
【发布时间】：2017-05-14 14:34:27
【问题描述】：

当我运行 webpack 命令时，我在 vue-loader 库中收到一个奇怪的错误

ERROR in ...\node_modules\vue-loader\lib\parser.js:25
      output.styles.forEach(style => {
                                  ^^
Unexpected token =>
 @ ./wwwroot/app/app.ts 3:10-30

我的 webpack 配置如下所示：

module.exports = [
{
    entry: { app: "./wwwroot/app/app.ts" },
    output: { filename: "./wwwroot/app/app.js" },

    // resolve TypeScript and Vue file
    resolve: {
        extensions: ["", ".ts", ".vue", ".js"]
    },

    module: {
        loaders: [
            { test: /\.vue$/, loader: "vue" },
            { test: /\.ts$/, loader: "vue-ts" }
        ]
    },
    vue: {
        // instruct vue-loader to load TypeScript
        loaders: { js: "vue-ts-loader" },
        // make TS' generated code cooperate with vue-loader
        esModule: true
    }
}];

我真的不明白这个文件有什么问题。我也不明白为什么会出现这个错误。我尝试删除所有 node_modules 并重新安装它们，但没有帮助。

【问题讨论】：

标签： webpack vue.js

【解决方案1】：

您的 js 可能还需要 babel loader：

loaders: [
  {
    test: /\.vue$/,
    loader: 'vue'
  },
  {
    test: /\.js$/,
    loader: 'babel',
    include: projectRoot,
    exclude: /node_modules/
  }

【讨论】：

【解决方案2】：

该错误表明您运行命令时使用的 node.js 无法识别箭头函数语法（在最新版本的节点和浏览器中实现）。你应该更新你的 node.js。

【讨论】：