解决webpack5 按照官方文档无法自动更新问题

在搭建Webpack项目并尝试自动更新时遇到InvalidHostHeader错误,导致无法实现热更新。通过查找文档,在`node_modules/webpack-dev-server/lib/Server.js`中找到`this.disabledHostCheck`并将其改为`true`,成功解决了热更新问题,同时也消除了控制台的错误提示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目前我的版本号是:
webpack 5.35.1
webpack - click 4.6.0

我是照着官网一步步搭建的项目的,走到自动更新这步,

deserves:{
content:".dist"
hot :true
}

执行命令
webpack serve --config webpack.dev. js

发现项目是启动了,控制台也有报错(Invalid Host/Origin header)并且不断刷新,同时无论怎么改内部代码页面都实现不了自动更新。

然后各种翻文档,终于找到了答案,

就是全局搜索 disabledHostCheck,
找到路径为:
node_modules/webpack-dev-server/lib/Server. js
下的this.disabledHostCheck,

自行修改为this.disabledHostCheck = true,
把它改为true就可以热更新了,并且解决控制台报错问题!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值