Babel не компилирует проект с ES6

217
09 мая 2018, 03:32

У меня вебпак не собирает проект, написанный с фичами ES6 и реактом. Конфиг вебпака такой:

var path = require('path');
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: "babel-loader"
            },
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: "babel-loader"
            },
            {
                test: /\.css$/,
                use: [
                    { loader: "style-loader" },
                    { loader: "css-loader" }
                ]
            }
        ]
    }
};

Я получаю ошибку:

ERROR in ./src/TodoForm.js
Module build failed: SyntaxError: Unexpected token (16:11)
  14 |   }
  15 | 
> 16 |   onChange = (event) => {
     |            ^
  17 |     this.setState({ term: event.target.value });
  18 |   }
  19 | 

Как я понимаю, бабелю не нравится стрелочный синтаксис, он не может это распарсить. Какие плагины надо подключить, чтобы бабель все это скомпилировал??

Answer 1

Установи и добавь в .babelrc пресет для Babel stage-0.

Описание: https://babeljs.io/docs/plugins/preset-stage-0

READ ALSO
Конфликт webpack и react-scripts

Конфликт webpack и react-scripts

У меня, похоже, конфликтуют react-scripts и webpackИмеется небольшой проект с такими конфигами:

267
Обработчик события окончание анимации. JS и CSS

Обработчик события окончание анимации. JS и CSS

Нужно сделать анимациюЧтобы элемент передвигался в одно место, затем в другое, потом в третье и т

218
Как сделать нормальное мега меню jquery?

Как сделать нормальное мега меню jquery?

Делаю мега меню и получилась ересь: результат работы и проблему можно увидеть тут: sanahuntsite Блоки перекрывают друг друга и не исчезают как...

187