解决webpack5.0以上版本使用webpack-dev-server报错问题

解决webpack5.0以上版本使用webpack-dev-server报错问题

webpage、webpack-dev-server、webpack-cli的版本如下：

{
    "webpack": "^5.48.0",
    "webpack-dev-server": "^3.11.2",
    "webpack-cli": "^4.7.2"
  },

配置webpack.config.js

 devServer: {
        port: 8080,
        contentBase: path.join(__dirname, './dist'),
        historyApiFallback: true,
        host: '127.0.0.1'
    }

package.json中配置 “dev”: "webpack-dev-server"

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server"
  },

控制台执行npm run dev时报错：

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

报错截图：

===========================================================

解决方法：

使用以下命令运行：

npx webpack serve

即可正常运行：