Неожиданный токен Webpack / нет загрузчика для типа файла - PullRequest
Новая
       3

Неожиданный токен Webpack / нет загрузчика для типа файла

0 голосов
/ 29 мая 2020

У меня есть простое приложение JavaScript, которое невозможно собрать с помощью WebPack. Я удалил все, пока не остались только эти строки: 

class MyClass {
    doStuff = (abc) => {

    }
}

Я получаю следующее сообщение об ошибке: 

ERROR in ./src/js/mapdata.js 2:12
Module parse failed: Unexpected token (2:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| class MyClass {
>     doStuff = (abc) => {
|
|     }

Мой файл webpack.config выглядит так: 

const path = require('path');

module.exports = {
    entry: './src/js/mapdata.js',
    output: {
        filename: 'rwmaps.js',
        path: path.resolve(__dirname, 'dist'),
    },
    module: {
        rules: [
            { test: /\.json$/, use: 'json-loader' }
        ]
    }
};

Понятия не имею, в чем проблема. JS работает нормально, если я обращаюсь к нему напрямую с веб-страницы (с). Есть идеи?

1 Ответ

1 голос
/ 29 мая 2020

Возможно, вам не хватает свойств загрузчика и класса babel. Попробуйте добавить в пакет следующие зависимости. json

"@babel/core": "^7.10.1",    "@babel/plugin-proposal-class-properties": "^7.10.1",    "@babel/preset-env": "^7.10.1",    "babel-loader": "^8.1.0"

Также создайте .babelrc и добавьте следующий код: 

{
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

Наконец, обновите файл webpack.config. js со следующим правилом: 

    { test: /\.m?js$/,
      exclude: /(node_modules)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env']
        }
      }
    }

Надеюсь, это поможет!

...