Vue-loader дает мне неожиданную ошибку токена

При выполнении webpackкоманды я получаю странную ошибку в библиотеке Vue-loader

ERROR in ...node_modulesvue-loaderlibparser.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 и переустановить их, но это не помогает.

2 ответа

  1. Ошибка указывает на ваш узел.js, с помощью которого выполняется команда, не распознает синтаксис функции arrow (который реализован в последних версиях node и браузеров). Необходимо обновить узел.js.