Diese Frage hat hier bereits eine Antwort:

Ich bin neu in Webpack und stoße auf ein Problem nachdieses Tutorial.

Es scheint, dass die Datei webpack.config.js nicht eingerichtet wirdbabel-loader richtig, aber ich bin nicht sicher. In der Konsole wird der folgende Fehler angezeigt:

bundle.js:49 Uncaught SyntaxError: Unexpected token import

Welche bezieht sich auf die Zeileimport sortBy from 'lodash/collection/sortBy'; von meinenindex.js. Also nehme ich an, es ist ein babel transpiling Problem (das @ nicht zulassimport Syntax von ES6?)

Hier ist das kompletteindex.js Date

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);
    });

Undwebpack.config.js sieht aus wie das

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

Ich habe andere Fragen durchsucht, die sich auf das Problem beziehen.Hie undHie sowie herum googeln, habe aber noch keine Lösung oder einen Grund gefunden, warum ich den Fehler noch erhalte. Vielleicht ist das Tutorial nicht mehr aktuell. Eine Anleitung zur Behebung dieses Problems wäre sehr dankbar!

AKTUALISIERE

Der spezifische Fehler beim Laden des Etiketts wurde behoben, indem die von Alexandre Thebaldi in der Antwort unten angegebenen Schritte ausgeführt wurden.

Es ist jedoch ein neuer Fehler aufgetreten -Module not found: Error: Cannot resolve module 'lodash/collection/sortBy'

Wenn Sie arbeiten durchdieses Tutorial und stoße auf diesen Fehler, der höchstwahrscheinlich durch einen falschen Pfad im @ verursacht wirindex.js, insbesondere die Tatsache, dass dielodash/collectionsas @ -Verzeichnis scheint nicht mehr zu existieren. Ich konnte diesen zweiten Fehler beheben, indem ich einfach den Pfad zu @ ändertlodash/sortBy.

HINWEI

Stellen Sie zunächst sicher, dasslodash ist installiert innode_modules und der Pfad ist manuell korrekt, bevor er geändert wird.