今天在学习webpack-dev-server的时候,终端执行命令webpack-dev-server --open
时报错Error: Cannot find module 'webpack-cli/bin/config-yargs'
通过官方插件issue搜索问题,发现其实是我当前webpack-cli
的版本和webpack-dev-serve
的版本不兼容的原因,先贴一下我当前下载的版本
"webpack": "^5.17.0",
"webpack-cli": "^4.4.0"
"webpack-dev-server": "^3.11.2"
解决办法有两种
- 匹配对应的版本
1.卸载当前webpack-cli,换成3.*的版本
npm uninstall webpack-cli
npm install webpack-cli@3 -D
2.卸载当前webpack-dev-serve,换成官方v4.0.0-beta.0的版本
npm uninstall webpack-dev-serve
npm install webpack-dev-server@v4.0.0-beta.0 -D
但是4.0的版本需要配置一下port和host,不然执行后打开的页面不尽人意
"devServer": {
"port": 8080,
"open":true,
"host":'localhost'
},
- 执行命令更换
执行语句更换为webpack serve --open
,这种就无需关心版本兼容的问题了