@Maksim_1

Webpack и Babel выдает ошибку, в чем проблема?

Всем привет!

Пытаюсь собрать проект с помощью Webpack'а, но он мне выдает ошибку:
ERROR in ./src/commonFilter.js 12:13
Module parse failed: Unexpected token (12:13)
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
|   }
|
>   _rowFilter = (substring, row) => {
|     let isRowVisible = false;
|     for (let j = 0; j < row.cells.length - 1; ++j) {
 @ ./src/index.js 5:0-45 12:25-37

Если я правильно понимаю из описания ошибки, то мне надо установить Babel и еще плагины. Стрелка ошибки указывает на стрелочную функцию внутри класса, следовательно, мне надо добавить этот плагин - https://babeljs.io/docs/en/babel-plugin-proposal-c...
Я установил его с помощью npm, добавил в конфиг вебпака, но все равно вебпак кидает ошибку. Вот мой конфиг вебпака:
module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
            plugins: ['@babel/plugin-transform-arrow-functions', '@babel/plugin-transform-classes', '@babel/plugin-proposal-class-properties']
          }
        },
      }
    ],
  }
};

Подскажите, что я делаю не так, возможно плагин не тот, или я пропустил какой-то важный шаг? Спасибо!
  • Вопрос задан
  • 167 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы