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

目前我的版本号是:
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就可以热更新了,并且解决控制台报错问题!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值