Laravel 5.4 "npm run dev"

Question

Ich habe auf einem MAC eine saubere Laravel-Anwendung erstellt. Es läuft korrekt, wenn ich "php artisan serve" ausführe.

Ich versuchte npm run dev und ich bekomme diesen Fehler auszuführen:

> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 

events.js:160 
     throw er; // Unhandled 'error' event 
    ^

Error: spawn node_modules/webpack/bin/webpack.js ENOENT 
    at exports._errnoException (util.js:1018:11) 
    at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32) 
    at onErrorNT (internal/child_process.js:367:16) 
    at _combinedTickCallback (internal/process/next_tick.js:80:11) 
    at process._tickCallback (internal/process/next_tick.js:104:9) 
    at Module.runMain (module.js:606:11) 
    at run (bootstrap_node.js:393:7) 
    at startup (bootstrap_node.js:150:9) 
    at bootstrap_node.js:508:3 

Wie gesehen auf SO, ich habe versucht, die node_module zu entfernen und erneut auszuführen npm init aber es hat nicht geholfen.

Versionen:

• npm 2.15.11
• Knoten v6.10.1
• Laravel Rahmen 5.4.23

ist die npm log:

0 info it worked if it ends with ok 
1 verbose cli [ '/opt/local/bin/node', '/opt/local/bin/npm', 'run', 'dev' ] 
2 info using npm@2.15.11 
3 info using node@v6.10.1 
4 verbose run-script [ 'predev', 'dev', 'postdev' ] 
5 info predev @ 
6 info dev @ 
7 verbose unsafe-perm in lifecycle true 
8 info @ Failed to exec dev script 
9 verbose stack Error: @ dev: `npm run development` 
9 verbose stack Exit status 1 
9 verbose stack  at EventEmitter.<anonymous> (/opt/local/lib/node_modules/npm/lib/utils/lifecycle.js:217:16) 
9 verbose stack  at emitTwo (events.js:106:13) 
9 verbose stack  at EventEmitter.emit (events.js:191:7) 
9 verbose stack  at ChildProcess.<anonymous> (/opt/local/lib/node_modules/npm/lib/utils/spawn.js:24:14) 
9 verbose stack  at emitTwo (events.js:106:13) 
9 verbose stack  at ChildProcess.emit (events.js:191:7) 
9 verbose stack  at maybeClose (internal/child_process.js:886:16) 
9 verbose stack  at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5) 
10 verbose pkgid @ 
11 verbose cwd /www/ui 
12 error Darwin 15.6.0 
13 error argv "/opt/local/bin/node" "/opt/local/bin/npm" "run" "dev" 
14 error node v6.10.1 
15 error npm v2.15.11 
16 error code ELIFECYCLE 
17 error @ dev: `npm run development` 
17 error Exit status 1 
18 error Failed at the @ dev script 'npm run development'. 

Jede Hilfe wird geschätzt.

Answer 1

Ich habe dieses Problem, wenn sowohl mix und cross-env Pakete veraltet waren. Ich habe das funktioniert, indem ich den Anweisungen unten folge. Aber stellen Sie zuerst sicher, dass Sie moderne Versionen von Paketen haben; Ich habe package.json und meine globalen npm-Pakete als Referenz gepostet.

Package.json:

Sie brauchen nicht handlebars oder vee-validate hier, aber alles andere.

{ 
    "private": true, 
    "scripts": { 
    "dev": "npm run development", 
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch-poll": "npm run watch -- --watch-poll", 
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "prod": "npm run production", 
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 
    }, 
    "devDependencies": { 
    "cross-env": "^5.0.1", 
    "jquery": "^3.1.1", 
    "laravel-mix": "^1.2.1" 
    }, 
    "dependencies": { 
    "handlebars": "^4.0.10", 
    "vee-validate": "^2.0.0-rc.8", 
    "vue": "^2.4.2" 
    } 
} 

Globale npm Pakete

ich diese globalen Pakete haben, beachten Sie sorgfältig die Versionen! Aktuelle Paketaktualisierungen für das Webpack erfordern neuere Versionen von Webpack/Node.

├── n@2.1.7 
├── npm@5.0.0 
└── webpack@3.4.1 

Installationsanweisungen (Wichtig jeden Schritt zu folgen!)

jeden Schritt sorgfältig folgen, vor allem # 2.

1. Löschen node_modules Verzeichnis
2. Delete Paket-lock.json Datei
3. Run: $ npm install
4. Run: $ npm run dev

Try Again

An diesem Punkt Sie können es erneut versuchen. Es hat alle Fehler für mich gelöst.Ich fand die ursprünglichen Schritte von GitHub hier:

https://github.com/JeffreyWay/laravel-mix/issues/623#issuecomment-315122856