docker内运行vue项目热重载失效

1. 运行环境

windows宿主机+docker容器

1). 当前使用的 vue 版本？

vue3 vite 构建

2). 当前系统

ubuntu22.04

2. 问题描述？

nodejs npm等在容器内安装，容器暴露端口
docker内运行vue项目热重载失效
执行npm run dev服务启动之后，修改App.vue中代码，只会在首次启动服务时生效，后续修改则不会生效，除非重启服务。
以下是vite.config.js配置文件

3. 您期望得到的结果？

热重载正常情况下，保存文件后直接会在浏览器刷新更改之后的结果。

4. 您实际得到的结果？

热重载失效。。。刷新页面也无相应。

求指点迷津

docker vue3 vite 热重载

beyondM_S

11 声望

暂无个人描述~

1 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

beyondM_S

11 声望

最佳答案

问题已解决，查阅vite官方文档 cn.vitejs.dev/config/server-option... file 造成问题的原因是运行环境的问题，windows的docker基于wsl2系统，这里有个问题会导致容器内外文件修改在传输时无法进行热重载，即使容器内外的文件被修改成功了，但是实际上并没有任何文件变更通知，表现即为无法热重载。（至少针对vue是这样的，不知道其他类似服务是否有同样的问题）

个人建议

建议还是不要这么玩，我也是在开发学习时，恰好碰到了这个问题，如果有同样问题的道友，按照上面的方法可以解决问题，希望可以帮到你。

ps:vue拓荒的第不知道多少天，一步一个坑，好气 file

1年前评论

aliongkk

windows和docker直接套一个vmware

讨论数量: 4

GeorgeKing

L5.7 译者 761 声望

这个 Issue 或许能解答你的问题！

1年前评论

beyondM_S （楼主）

精准无误

beyondM_S

11 声望

问题已解决，查阅vite官方文档 cn.vitejs.dev/config/server-option... file 造成问题的原因是运行环境的问题，windows的docker基于wsl2系统，这里有个问题会导致容器内外文件修改在传输时无法进行热重载，即使容器内外的文件被修改成功了，但是实际上并没有任何文件变更通知，表现即为无法热重载。（至少针对vue是这样的，不知道其他类似服务是否有同样的问题）

个人建议

建议还是不要这么玩，我也是在开发学习时，恰好碰到了这个问题，如果有同样问题的道友，按照上面的方法可以解决问题，希望可以帮到你。

ps:vue拓荒的第不知道多少天，一步一个坑，好气 file

1年前评论

aliongkk

windows和docker直接套一个vmware

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

docker内运行vue项目热重载失效

1. 运行环境

1). 当前使用的 vue 版本？

2). 当前系统

2. 问题描述？

3. 您期望得到的结果？

4. 您实际得到的结果？

个人建议

个人建议

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

docker内运行vue项目热重载失效

1. 运行环境

1). 当前使用的 vue 版本？

2). 当前系统

2. 问题描述？

3. 您期望得到的结果？

4. 您实际得到的结果？

个人建议

个人建议

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录