webpack - webpack 5 的基本热重载无法正常工作

Question

问题

• 它正在加载整个页面

---

• 操作系统： macOS Big Sur 11.2

• 节点版本： v14.15.4

• NPM 版本： 6.14.10

• webpack 版本： ^5.19.0

• webpack-dev-server 版本： ^4.0.0-beta.0

• 浏览器： 谷歌浏览器版本 88

• [x] 这是一个错误

代码

存储库链接：https ://github.com/Ridermansb/webpack5Hot

• master分支它只使用基本的 webpack-dev-server 配置，没有任何插件
• react-hot-loader分支它使用react-hot-loader插件。拉取请求 #1
• react-refresh-webpack-plugin分支它使用pmmmwh/react-refresh-webpack-plugin webpack 插件。拉取请求 #2

预期行为

在所有情况下......不应该重新加载页面，只重新加载已更改的部分

实际行为

它总是重新加载整个页面。

我们如何重现这种行为？

只需克隆存储库Ridermansb/webpack5Hot

• npm install
• npm start

并尝试更新Header组件