villivateur
1.57D
V2EX  ›  Vue.js

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

  •  
  •   villivateur · Feb 26, 2020 · 3421 views
    This topic created in 2267 days ago, the information mentioned may be changed or developed.

    我在使用 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

    6 replies    2020-02-27 15:57:25 +08:00
    randyo
        1
    randyo  
       Feb 26, 2020 via Android
    组件没被引用?
    villivateur
        2
    villivateur  
    OP
       Feb 26, 2020
    @randyo 已经在 App.vue 里面被引用了啊,首次构建成功,在浏览器中还可以看到组件
    shintendo
        3
    shintendo  
       Feb 26, 2020
    遇到过热更新失效的问题,最后发现是用的编辑器有类似缓冲的机制,按下保存后没有立即写入硬盘。你试试修改 xxx.vue 后,关掉编辑器,看看有没有触发更新。
    villivateur
        4
    villivateur  
    OP
       Feb 26, 2020
    @shintendo 好的,我试试。另外,我用的是 VSCode 的 Remote-SSH
    randyo
        5
    randyo  
       Feb 26, 2020 via Android
    文件权限问题?
    luckyx
        6
    luckyx  
       Feb 27, 2020
    个人体感是, 更新 `.vue` 命令行刷的 比更新根文件刷新的快, 但是都会改变... 毕竟 hot-reload
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4514 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 10:07 · PVG 18:07 · LAX 03:07 · JFK 06:07
    ♥ Do have faith in what you're doing.