webpack和webpack-dev-server安装配置遇到的大坑（使用npm run dev命令启用报错）

今天在学习webpack和webpack-dev-server的安装配置时，对项目进行打包配置 发现了一个坑

首先使用命令 npm i webpack -D下载webpack

然后使用命令npm i webpack-dev-server -D下载webpack-dev-server

在package.json文件中配置

使用npm run dev命令启用报错

经过各种查资料发现是版本不兼容的问题，

解决方案是更改webpack和webpack-dev-server的安装版本

首先把之前安装的webpack-dev-server卸载 （全局的和项目中的都卸载）

重新安装指定版本的

 

webpack和webpack-dev-server的版本对应关系