Почему в вебпаке возникает ошибка Module parse failed?

Question

[Dolerum]

Возникает ошибка.

``ERROR in ./jsx/app.jsx
Module parse failed: C:\ProjectCourse\здесь путь Unexpected token (6:7)
You may need an appropriate loader to handle this file type.
| import {articles} from './fixtures.js'
|
| render(<Article />, document.getElementById('container'))
| /*article = {articles[0]}*/
 @ multi ./jsx/app.jsx``

Вебпак 2.6.1
Настройки

var path = require('path')

module.exports = {
    devtool: 'source-map',
    entry: [
        './jsx/app.jsx'
    ],
    output: {
        path: path.join(__dirname, 'build'),
        filename: 'bundle.js',
        publicPath: '/build/'
    },
    devServer: {
        proxy: [{
            path: '/api/',
            target: 'http://localhost:3001'
        }],
        historyApiFallback: true
    },
    module: {
        loaders: [
            {
                test: /\.js/,
                loaders: ['babel-loader'],
                include: path.join(__dirname, 'src')
            },
            {
                test: /\.css/,
                loaders: ['style-loader', 'css-loader'],
            }
        ]
    }
}

Comments

[ned4ded]

Добрый день! Какой у вас пресет в babelrc? Попробуйте почитать и настроить в соответствии с https://babeljs.io/docs/en/#jsx-and-react (используйте впн, прокси, тор для доступа, если оный у вас отсутствует).

[Dolerum]

{
    "presets": ["react", "es2015", "stage-0", "react-hmre"]
}

Мой babelrc. Посмотрю по ссылке.

Answer 1

[Антон Спирин]

test: /\.js[x]?$/,

UPD: entry у вас './jsx/app.jsx', а include path.join(__dirname, 'src'). Снесите include. И используте в проектах только свежие версии библиотек. Актуальная мажорная версия Webpack - 4.

Comments

[Dolerum]

Не помогло, к сожалению.

[Антон Спирин]

Dolerum, зачем вы используете такую старую версию?
Попробуйте заменить loaders на rules и снести include, у вас там, насколько я понял, путь неправильный.

По-хорошему, ставьте четвертую версию.