Webpack konnte aufgrund von SyntaxError

Question

nicht bündeln Ich wollte Django + ReactJS unter Windows lernen, also folgte ich Schritt für Schritt tutorial.

Jetzt bin ich auf der Bündelungsstufe. Als ich meine Bündler als schnelle Plausibilitätsprüfung auszuführen:

$ node_modules/.bin/webpack --config webpack.dev.config.js 

ich node_modules is not recognized as a windows command. Nachdem ich verschiedene Lösungen ausprobiert hatte, stellte ich fest, dass mit dem Befehl node vor dem Befehl webpack das Webpack ausgeführt wurde.

tun, dass webpack zu starten scheint, aber ich bin immer diese Fehlermeldung:

$ node node_modules/.bin/webpack --config webpack.dev.config.js 

\node_modules\.bin\webpack:2 
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") 
      ^^^^^^^ 

SyntaxError: missing) after argument list 
    at createScript (vm.js:80:10) 
    at Object.runInThisContext (vm.js:139:10) 
    at Module._compile (module.js:599:28) 
    at Object.Module._extensions..js (module.js:646:10) 
    at Module.load (module.js:554:32) 
    at tryModuleLoad (module.js:497:12) 
    at Function.Module._load (module.js:489:3) 
    at Function.Module.runMain (module.js:676:10) 
    at startup (bootstrap_node.js:187:16) 
    at bootstrap_node.js:608:3 

Könnte dies ein Fehler darauf zurückzuführen sein, package.json?

Answer 1

Der im Lernprogramm bereitgestellte Befehl funktioniert auf einem Unix-basierten System, Sie befinden sich jedoch unter Windows. Öffnen Sie den Ordner node_modules/.bin und beachten Sie, dass es tatsächlich zwei Dateien gibt: webpack (Unix) und webpack.cmd (Windows).

Der einfachste Weg, diesen Unterschied zu behandeln, ist, dass der Node Package Manager (NPM) das System automatisch erkennt und die korrekte Binärdatei für uns ausführt. So verwenden Sie diese Funktionalität Skripte Feld erstellen Sie in Ihrem package.json:

"scripts": { 
    "webpack": "webpack --config ./webpack.config.js" 
} 

Hier Syntax Erklärung:

"scripts": { 
    "SCRIPT_NAME": "BINARY_NAME attributes" 
} 

Dann können Sie es auf diese Weise verwenden:

npm run webpack 

Sie lesen können mehr in NPM run-script documentation.