关于 vue-cli 热更新的奇怪问题

2020-02-26 20:14:23 +08:00
 villivateur

我在使用 vue-cli 开发前端项目的时候,使用了 yarn serve 以实现浏览器热更新。但是,我只有修改并保存 /public/index.html /src/App.vue /src/main.js 这些文件的时候,终端才会显示重新构建项目(热更新)。我修改 /src/components/xxx.vue 等其他二级目录下的文件并保存时,终端不会有任何显示,刷新浏览器也不会有改变。很奇怪。

@vue/cli 4.2.2

yarn run v1.21.1

ubuntu 18.04

2987 次点击
所在节点    Vue.js
6 条回复
randyo
2020-02-26 22:00:26 +08:00
组件没被引用?
villivateur
2020-02-26 22:25:41 +08:00
@randyo 已经在 App.vue 里面被引用了啊,首次构建成功,在浏览器中还可以看到组件
shintendo
2020-02-26 22:27:36 +08:00
遇到过热更新失效的问题,最后发现是用的编辑器有类似缓冲的机制,按下保存后没有立即写入硬盘。你试试修改 xxx.vue 后,关掉编辑器,看看有没有触发更新。
villivateur
2020-02-26 22:32:33 +08:00
@shintendo 好的,我试试。另外,我用的是 VSCode 的 Remote-SSH
randyo
2020-02-26 22:34:57 +08:00
文件权限问题?
luckyx
2020-02-27 15:57:25 +08:00
个人体感是, 更新 `.vue` 命令行刷的 比更新根文件刷新的快, 但是都会改变... 毕竟 hot-reload

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/647819

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX