解決報錯Cannot find module 'webpack-cli/bin/config-yargs'

當執行webpack-dev-server命令的時候就報以下錯誤:

D:\wabg>npm run server

> @ server D:\wabg
> webpack-dev-server --open

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:442
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.Module._load (module.js:388:25)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\wabg\node_modules\_webpack-dev-server@3.1.4@webpack-dev-server\bin\webpack-dev-server.js:6
5:1)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run
" "server"
npm ERR! node v6.2.1
npm ERR! npm  v3.9.3
npm ERR! code ELIFECYCLE
npm ERR! @ server: `webpack-dev-server --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ server script 'webpack-dev-server --open'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, 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!     webpack-dev-server --open
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 owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     D:\wabg\npm-debug.log

當時我的 webpack 和 webpack-dev-server版本如下:

"webpack": "^4.16.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4"

後來查了下可能是因爲Webpack與webpack-dev-server版本不兼容導致,導致這幾天一直在爲一些莫名其妙的問題發生,之後測試好的,現在重新換了一臺電腦,發現很多的東西不可以用了。

通過以下命令進行卸載和重裝:

//卸載版本
cnpm uninstall webpack -g
cnpm uninstall -g webpack-dev-server

//安裝指定版本
cnpm install webpack@3.8.0 --save-dev
cnpm install webpack-dev-server@2.9.7 --save-dev

最後 webpack 和 webpack-dev-server版本如下執行正常不報錯:

"angular": "^1.7.2",
"angular-ui-router": "^1.0.18",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"jquery": "^3.3.1",
"ngtemplate-loader": "^2.0.1",
"webpack": "^3.8.0",
"webpack-dev-server": "^2.9.7"
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章