V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
villivateur
V2EX  ›  Vue.js

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

  •  
  •   villivateur · 2020-02-26 20:14:23 +08:00 · 3017 次点击
    这是一个创建于 1757 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我在使用 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 条回复    2020-02-27 15:57:25 +08:00
    randyo
        1
    randyo  
       2020-02-26 22:00:26 +08:00 via Android
    组件没被引用?
    villivateur
        2
    villivateur  
    OP
       2020-02-26 22:25:41 +08:00
    @randyo 已经在 App.vue 里面被引用了啊,首次构建成功,在浏览器中还可以看到组件
    shintendo
        3
    shintendo  
       2020-02-26 22:27:36 +08:00
    遇到过热更新失效的问题,最后发现是用的编辑器有类似缓冲的机制,按下保存后没有立即写入硬盘。你试试修改 xxx.vue 后,关掉编辑器,看看有没有触发更新。
    villivateur
        4
    villivateur  
    OP
       2020-02-26 22:32:33 +08:00
    @shintendo 好的,我试试。另外,我用的是 VSCode 的 Remote-SSH
    randyo
        5
    randyo  
       2020-02-26 22:34:57 +08:00 via Android
    文件权限问题?
    luckyx
        6
    luckyx  
       2020-02-27 15:57:25 +08:00
    个人体感是, 更新 `.vue` 命令行刷的 比更新根文件刷新的快, 但是都会改变... 毕竟 hot-reload
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1045 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:40 · PVG 03:40 · LAX 11:40 · JFK 14:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.