Question

当我运行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并重新安装它们，但它没有帮助。

Answer 1

您的js：

也可能需要babel loader

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

Answer 2

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

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

2 个答案: