larave5.4 npm run dev 出錯(cuò)

package.json配置

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "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": "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": "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",
    "gulp": "^3.9.1",
    "jquery": "^3.1.1",
    "laravel-mix": "^0.8.3",
    "lodash": "^4.17.4",
    "vue": "^2.1.10",
    "vue-resource": "^1.3.4",
    "vue-router": "^2.7.0"
  }
}

使用npm run dev 后報(bào)錯(cuò)如下
圖片描述

求大神指點(diǎn)這個(gè)報(bào)錯(cuò)怎么解決啊，
npm install 多次，都是報(bào)這個(gè)錯(cuò)誤

補(bǔ)充項(xiàng)目目錄結(jié)構(gòu)
圖片描述

圖片描述

webpack.mix.js內(nèi)容如下
圖片描述

當(dāng)我把npm降為5.1.0后，報(bào)錯(cuò)文件又變了，如圖：
圖片描述

現(xiàn)在npm版本為5.1.0，
node版本為10.1.0

回答

編輯回答

何蘇葉

折騰了兩天終于解決了，
各種谷歌百度?，F(xiàn)在貼一下解決過程。
圖片描述

遇到這個(gè)錯(cuò)誤，降低npm版本到5.1.0，
具體可參考這兩個(gè)鏈接
https://github.com/JeffreyWay...

https://github.com/JeffreyWay...

npm降低版本后，執(zhí)行以下命令
rm -rf node_modules
npm cache clear
rm -rf package-lock.json
npm install

經(jīng)過漫長的等待，再次npm run dev ,又遇到以下錯(cuò)誤，
圖片描述

這兩個(gè)文件在項(xiàng)目里存在卻報(bào)錯(cuò)not found，
再次
rm -rf node_modules
npm cache clear
rm -rf package-lock.json
npm install

npm install完成，
運(yùn)行 npm run dev,
這次遇到的錯(cuò)誤又不一樣，如下圖
圖片描述

解決方法
在node-sass目錄下面新建一個(gè)vendor的空目錄，然后運(yùn)行npm/cnpm rebuild node-sass --save-dev即可，如果安裝失敗，會(huì)生成一個(gè)目錄名為類似這樣win32-x64-48的空目錄，然后去https://github.com/sass/node-...。

具體參考以下鏈接
https://www.cnblogs.com/towar...

經(jīng)過這次后，終于運(yùn)行成功~！
圖片描述

真不容易啊，
遇到不明不白的錯(cuò)誤只能重復(fù)
rm -rf node_modules
npm cache clear
rm -rf package-lock.json
npm install

2017年12月30日 06:50

編輯回答