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