【已解決】執行webpack-dev-server時提示Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
阿新 • • 發佈:2020-12-21
1.問題:
module.js:538
throw err;
^
Error: Cannot find module 'webpack/bin/config-yargs'
at Function.Module._resolveFilename (module.js:536:15)
at Function.Module._load (module.js:466:25)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at Object. (D:\saic\dev\expressVue\node_modules\[email protected]@webpack-dev-server\bin\webpack-dev-server.js:54:1)
at Module._compile (module.js:635:30)
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)
2.原因
當webpack與webpack-dev-server版本不匹配時,會出現如上錯誤。具體版本如下:
webpack-dev-server與webpack應該成對匹配使用,webpack4.x匹配webpack-dev-server3.x,webpack5.x匹配webpack-dev-server2.x,博主用的時候是最新版本5.x,無法與webpack-dev-server3.x相容(圖中已刪除webpack-dev-server3.x)
3.解決方法
3.1 解除安裝本地舊包
cnpm uninstall webpack-dev-server --save-dev
3.2 重新下載一對匹配的依賴,這裡舉個跑通了的例子
cnpm install --save-dev [email protected]
cnpm install --save-dev [email protected]
重啟webpack-dev-server
,成功跑通