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版本以上就兼容 :
1 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
我的安装完后如下: