Error: Cannot find module 'webpack/bin/config-yargs' 報錯原因, webpack@4.X踩的坑~

1 、使用webpack@4.32.2時, 當我通過package.json的script去執行webpack-dev-server時, 報以下錯誤: 　　

Error: Cannot find module 'webpack/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
　　......

 原因:  這個就是目前版本的webpack-dev-server@2.11.5 不支持 webpack@4.32.2

 解決: 重裝一個webpack-dev-server是3.0版本以上就兼容 :

npm i webpack-dev-server@3.3.2 -D 

 此時, 就可以了... 如果還報錯, 參照最后一條!

 

2、webpack4.0以上都要安裝webpack-cli ,   否則報錯如下:　　

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)

 

 這時, 需要安裝webpack-cli : 

npm i  webpack-cli -D

 

3、 這樣安裝完后可能還會報錯, 此時就需要卸載掉所有的 webpack webpack-cli webpack-dev-server

　　重新一起安裝, 一定記住, 一起同時安裝!!

npm i webpack webpack-cli webpack-dev-server -D

 

　　我的安裝完后如下: