日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

webpack5+webpack-dev-server啟動項目熱更新失效/熱更新無效,webpack5熱更新無效【解決辦法】

作者:喜大普奔??? 更新時間: 2022-01-19 編程語言

最近在玩 webpack5 項目的時候,使用 webpack-dev-server 的熱更新失敗了,剛開始是啟動失敗,后來是熱更新失敗,真的是很頭疼,報錯好解決Cannot find module ‘webpack-cli/bin/config-yargs‘ 這個錯誤如果使用的 webpack5 + webpack-cli4.+ 的話,啟動方式就不能使用 webpack-dev-server config.js 這種方式啟動了,需要使用 webpack serve 來啟動 webpack-dev-server ,看手冊上到處都是這個例子:
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

這里看一下為什么 webpack-dev-serverHMR 失效,或者說 熱更新 無效,看一下無效的啟動之后和有效啟動之后的 network 截圖對比:
在這里插入圖片描述
在這里插入圖片描述
可以看到無效是因為沒有啟動 websocket

這個問題看到了別人的一篇文章找到的解決辦法 【查看】:
在這里插入圖片描述
把 browserslist 刪除掉就可以了,具體的后期再測試看到底是哪個數據引起的 websocket 沒起作用

原文鏈接:https://blog.csdn.net/qq_38652871/article/details/112971502

欄目分類
最近更新