webpack npm run serve 报错

使用npm run build正常但是使用npm run serve就会报以下错误

 

 可以看到这里的意思是说8080端口已经被占用，可以利用cmd结束占用了8080端口的进程，再重新执行npm run serve即可

会报错的原因在于我们目的是通过webpack-dev-server搭建一个本地服务器，而他默认的占用端口为8080端口，如果8080端口被占用，本地服务器就会创建失败，自然就会报错

想要解决该报错，有两种方法

1是终止占用了8080端口的进程

2是通过设置改变本地服务器的默认端口

第一种方法：

 

首先找到占用了8080端口的进程，命令

netstat -ano | findstr 端口号

找到之后终结该进程，命令

taskkill /pid id号 /f

id号对应的是LISTENING后面的数字

第二种方法：