在使用Webpack打包工具出现错误:Error: Cannot find module 'webpack-cli/bin/config-yargs'
出现这个错误的原因是,在2020年10月底webpack进行了版本更新,从@4.xx版本更新到了@5.xx版本,而webpack-dev-server却没有更新这就导致了webpack的版本和webpack-dev-server的版本不兼容造成的错误
提示错误的代码:
Error: Cannot find module 'webpack-cli/bin/config-yargs'
有两种解决方案:
第一种:
将webpack安装成以下的版本,webpack-cli和webpack-dev-server的版本不要改变
"webpack": "^4.39.2",
"webpack-cli": "^3.3.6",
"webpack-dev-server": "^3.11.0"
首先要将原来安装的webpack和webpack-cli卸载了
npm uninstall webpack -D
然后再进行安装
npm install webpack@4.39.2 -D
第二种:
不需要更改webpack和webpack-dev-server的版本,只需要改变webpack-cli的版本改成以下版本就ok
"webpack": "^5.4.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"
首先要将原来安装的webpack-cli卸载了
npm uninstall webpack-cli -D
然后再进行安装
npm instal lwebpack-cli@3.3.12 -D
以上两种方法任意一种都可以解决,在最后安装完成之后就可以运行下面的代码了
npm run dev