那些年学习webpack遇到的坑

148 阅读1分钟

在学习webpack自动化构建的时候,需要配置devServer

image.png

正常配置是这样的,但但我们执行开始服务命令 npx webpack-dev-server这个命令的时候发现报如下错误:

image.png

通过多方探查,网上说法不一。如果指示单纯的想运行一下,其实我们完全可以不用配置devServer,即把devServer注释掉,直接运行 webpack-dev-server 也是可以的

但是考虑到我们后面的学习还会用到,所以这个问题还得解决,寻寻觅觅,终于找到一个解决方案

这个属性在新版的webpack-dev-server中被移除了, 取而代之的是以下这种
在这里插入图片描述

替换方案

devServer.static\

所以把我的代码中的contentBase替换为static之后,发现竟然好了

image.png

当然网上还有其他的说法,比如把webpack-dev-server lib文件夹中server.js中的 delete.options.error; delete.options.reportTime;

注释掉,我找了一下我的代码中,并没有这两行,小伙伴们可以试一下

如果对于这个问题大家还有其他的好的解决方法,可以分享出来我们一起学习