最近在玩 webpack5 項(xiàng)目的時(shí)候，使用 webpack-dev-server 的熱更新失敗了，剛開(kāi)始是啟動(dòng)失敗，后來(lái)是熱更新失敗，真的是很頭疼，報(bào)錯(cuò)好解決Cannot find module ‘webpack-cli/bin/config-yargs‘ 這個(gè)錯(cuò)誤如果使用的 webpack5 + webpack-cli4.+ 的話，啟動(dòng)方式就不能使用 webpack-dev-server config.js 這種方式啟動(dòng)了，需要使用 webpack serve 來(lái)啟動(dòng) webpack-dev-server ，看手冊(cè)上到處都是這個(gè)例子：

這里看一下為什么 webpack-dev-server 的 HMR 失效，或者說(shuō) 熱更新 無(wú)效，看一下無(wú)效的啟動(dòng)之后和有效啟動(dòng)之后的 network 截圖對(duì)比：


可以看到無(wú)效是因?yàn)闆](méi)有啟動(dòng) websocket

這個(gè)問(wèn)題看到了別人的一篇文章找到的解決辦法 【查看】：

把 browserslist 刪除掉就可以了，具體的后期再測(cè)試看到底是哪個(gè)數(shù)據(jù)引起的 websocket 沒(méi)起作用