[已解决]webpack 5以上版本使用webpack-dev-server时报错

在webpack5以上版本使用webpack-dev-server时报错

1.报错

运行npm run dev时报错

Error: Cannot find module 'webpack-cli/bin/config-yargs'

2.原因分析

webpack-cli的新版本对webpack-dev-server版本的不兼容
查看版本

这里webpack和webpack-cli的版本都过高了

3.解决办法

3.1后退webpack-cli版本(较麻烦没验证过)

后退到3.3.12，即先uninstall再install指定版本

3.2使用其他的指令(已经过验证)

不使用

npm run dev

在终端使用下面的命令

npx webpack serve

3.3更改package.json文件中server的配置(已经过验证)

原先：

"dev": "webpack-dev-server --open"

更改为

"dev": "webpack serve --mode development"

再在终端正常使用下面命令即可

npm run dev