新 Laravel 5.4 上的“npm run dev”命令出错答案

【问题标题】：Errors with"npm run dev" command on fresh Laravel 5.4新 Laravel 5.4 上的“npm run dev”命令出错
【发布时间】：2017-08-20 11:35:24
【问题描述】：

我已经为此苦苦挣扎了 5 个小时。这是我尝试在全新的 Laravel 安装上运行“npm run dev”时遇到的错误

> @ dev /var/www/html/capsule
> 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:1022:11)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)
    at onErrorNT (internal/child_process.js:359:16)
    at _combinedTickCallback (internal/process/next_tick.js:74:11)
    at process._tickCallback (internal/process/next_tick.js:98:9)
    at Module.runMain (module.js:606:11)
    at run (bootstrap_node.js:394:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:509:3

npm ERR! Linux 3.16.0-4-amd64
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "dev"
npm ERR! node v6.9.4
npm ERR! npm  v2.15.11
npm ERR! code ELIFECYCLE
npm ERR! @ dev: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script 'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'.
npm ERR! This is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR!     npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /var/www/html/capsule/npm-debug.log

这是我的 package.json 文件：

{
  "private": true,
  "scripts": {
    "dev": "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": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "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",
    "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": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  }
}

如您所见，我有最新版本的 npm 和 node。

我一直在寻找类似的问题，尝试用 npm 重新安装和重新构建几次，似乎没有任何效果。

谢谢

【问题讨论】：

最好在问题中包含错误消息而不是屏幕截图
我在代码文本中包含了错误。如果您还需要什么，请告诉我。谢谢
你运行的是什么版本的节点？
节点 v6.9.4，npm v2.15.11

标签： php node.js laravel webpack laravel-5.4

【解决方案1】：

运行

npm install webpack --save

【讨论】：

谢谢。我编辑了我的问题，你认为我应该关闭这张票吗？
没关系，这是另一个错误，我确认你的答案。非常感谢！！

【解决方案2】：

尝试重新安装所有节点模块并清除缓存。

rm -rf 节点模块
rm package-lock.json yarn.lock
npm 缓存清除 --force
npm 安装

【讨论】：

【解决方案3】：

https://github.com/JeffreyWay/laravel-mix/issues/623 看到它解释解决方案及其发生的原因。

【讨论】：