whistle icon indicating copy to clipboard operation
whistle copied to clipboard

whistle 怎么支持 webpack 热更新 ?

Open DaphnisLi opened this issue 1 year ago • 9 comments

DaphnisLi avatar Aug 22 '23 08:08 DaphnisLi

默认就支持

avwo avatar Aug 22 '23 08:08 avwo

试了下,不支持。是我配置有问题吗,大佬能帮看下吗

DaphnisLi avatar Aug 22 '23 08:08 DaphnisLi

你这个是调试 whistle 代码,还是通过 whistle 转发页面请求到 webpack?

avwo avatar Aug 23 '23 02:08 avwo

你这个是调试 whistle 代码,还是通过 whistle 转发页面请求到 webpack?

是将本地的代码代理到线上进行调试,本地代码代理是ok的,但是修改代码后,webpack 热更新没用,只是本地重新构建了,页面没发生变化

DaphnisLi avatar Aug 23 '23 03:08 DaphnisLi

抓包看下请求有没有发出去,有没有响应?

avwo avatar Aug 23 '23 05:08 avwo

抓包看下请求有没有发出去,有没有响应?

热更新时抓到了这几个

image

DaphnisLi avatar Aug 23 '23 09:08 DaphnisLi

用 chrome 抓包看看页面发出哪些请求

avwo avatar Aug 23 '23 11:08 avwo

@DaphnisLi 先在 localhost 下看看你热更新的请求情况,再根据请求情况配置热更新匹配规则 First look at your HMR request under localhost, and then configure the HMR matching rule according to the request situation

如 such as

^https://xxx.net/***hot-update*** http://127.0.0.1:9966/$1hot-update$2

sedationh avatar Nov 06 '23 09:11 sedationh

似乎是chrome修改了SSL规则,导致跟本地的webpack-dev-server 建立websocket链接失败 Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR

chiyu1996 avatar Jan 04 '24 07:01 chiyu1996

不要用 ip 改用当前页面的域名试试

avwo avatar Jun 06 '24 09:06 avwo