docker内运行vue项目热重载失效
1. 运行环境#
windows 宿主机 + docker 容器
1). 当前使用的 vue 版本？#
vue3 vite 构建
2). 当前系统#
ubuntu22.04
2. 问题描述？#
nodejs npm 等在容器内安装，容器暴露端口
执行 npm run dev 服务启动之后，修改 App.vue 中代码，只会在首次启动服务时生效，后续修改则不会生效，除非重启服务。
以下是 vite.config.js 配置文件
3. 您期望得到的结果？#
热重载正常情况下，保存文件后直接会在浏览器刷新更改之后的结果。
4. 您实际得到的结果？#
热重载失效。。。刷新页面也无相应。
求指点迷津
造成问题的原因是运行环境的问题，windows 的 docker 基于 wsl2 系统，这里有个问题会导致容器内外文件修改在传输时无法进行热重载，即使容器内外的文件被修改成功了，但是实际上并没有任何文件变更通知，表现即为无法热重载。（至少针对 vue 是这样的，不知道其他类似服务是否有同样的问题）
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：