Vue.js 3 和 webpack 5 的 HMR / 热模块替换问题答案

【问题标题】：HMR / Hot Module Replacement problem with Vue.js 3 & webpack 5Vue.js 3 和 webpack 5 的 HMR / 热模块替换问题
【发布时间】：2021-03-07 05:10:29
【问题描述】：

我遇到了 webpack 5 和 Vue.js 3 热重载的问题 - 我不知道某些 npm 包是否需要更新 (vue-loader?) 或者我做错了什么。

我在这里创建了一个最小的存储库： https://github.com/dsine-de/vue3-webpack5

.vue 文件中的第一次更改有效 - 但第二次更改仅输出 Nothing changed 消息（或停在 [WDS] App hot update...，取决于使用的 html-webpack-plugin 版本）。

在 webpack 配置中设置 cache: false 似乎可以解决这个问题。

我认为这是 vue-loader 中的错误，因为条目 .js 文件中的更改有效（尽管完全重新加载）。

【问题讨论】：

标签： javascript vue.js webpack webpack-hmr vue-loader

【解决方案1】：

将 webpack 更新到版本 4.0.0-beta.0

【讨论】：