[Skill] 记一次vue项目热更新失败案例

时间:2024-06-25 08:07:07

病因

修改文件后无法更新界面,感觉留白,没有更新

解决过程

发现问题,第一步搜索别人是怎么解决的

搜索一阵后,发现大部分都是留言路径问题,基本都是组件文件夹大写导致

修改测试后发现问题依旧

然后仔细观察留白的部分发现,真是自己挖坑自己跳

F12审查,发现留白部分class名loading开头,遂回想起来自己之前弄全局loading在App.vue加的元素,后期没用也未曾删除

解决办法

删除App.vue下多余元素

后记

编码还需规范,测试不用可以先注释,但是不要抱有侥幸心态

也许只是一点点,但是却要花费几倍的时间来找问题

ps. 专注效率更高,自律更自信