Vue.js 热重载未检测到更改

【问题标题】：Vue.js hot reload not detecting changesVue.js 热重载未检测到更改
【发布时间】：2022-12-18 08:08:19
【问题描述】：

当我保存对文件的修改时，我的 Vue.js 应用程序的热重载没有刷新。

$ npm serve
 DONE  Compiled successfully in 469ms


  App running at:
  - Local:   http://localhost:8080/
  - Network: http://localhost:8080/

vue.config.js

module.exports = {
  transpileDependencies: [
    'vuetify'
  ]
}

控制台中没有任何 WSD 错误。它没有断开连接或任何东西。

【问题讨论】：

【解决方案1】：

我找到了解决方案。

我正在使用 WSL2，我的文件存储在 Windows 分区 (C:/) 上。
如果 linux webpack 不在 Windows FS 上，似乎看不到文件更改。

所以我删除了我的node_modules 并从 powershell 重新安装了所有东西。
来自 powershell 的 npm serve 成功了。热重载回来了。

因此，如果您仍然希望使用 WSL2，我想您应该将项目文件移至 WSL2 文件系统。

【讨论】：