На этот вопрос уже есть ответ:

Я новичок в Webpack и столкнулся с проблемой после этот учебник.

Кажется, webpack.config.js не настраиваетсяbabel-loader правильно, но я не уверен. В консоли я вижу следующую ошибку:

bundle.js:49 Uncaught SyntaxError: Unexpected token import

Который относится к строкеimport sortBy from 'lodash/collection/sortBy'; моегоindex.js. Так что я предполагаю, что это проблема с трансплантацией вавилона (не позволяющimport синтаксис ES6?)

Вот полныйindex.js фай

import sortBy from 'lodash/collection/sortBy';
import {users} from './users';
import {User} from './User';

sortBy(users, 'name')
    .map(user => {
        return new User(user.name, user.age);
    })
    .forEach(user => {
        console.log(user.display);
    });

А такжеwebpack.config.js выглядит так:

module.exports = {
    entry: './src/index.js',
    output: {
        path: './public/',        
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: './public/'
    },
    module: {
        loaders: [
            {test: /\.js$/, exclude: /node_modules/, loader: 'babel'}
        ]
    }
} 

Я искал другие вопросы, которые выглядели так, как будто они связаны с проблемойВо а такжеВо а также поискать, но еще не нашел решения или причины, по которой я получаю ошибку. Может быть, учебник устарел. Любое руководство, как исправить эту проблему, будет высоко ценится!

ОБНОВИТ

Конкретная ошибка загрузки вавилона была устранена, выполнив действия, описанные в ответе Александра Тебальди ниже.

Однако произошла новая ошибка -Module not found: Error: Cannot resolve module 'lodash/collection/sortBy'

Если вы работаете через этот учебник и столкнуться с этой ошибкой, это, скорее всего, вызвано неправильным путем вindex.js, в частности тот факт, чтоlodash/collectionsаталог @, кажется, больше не существует. Мне удалось устранить эту вторую ошибку, просто изменив путь наlodash/sortBy.

НОТ

Обязательно сначала проверь этоlodash установлен вnode_modules и правильный путь вручную перед его изменением.