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

合集 - 测试1(73)

1.windwos terminal 主题美化 包括WSL和其他终端命令行2023-03-122.win11+cuda11.2+cudnn+Tensorflow-GPU 环境配置2022-10-223.win11+wls2+ubuntu2004配置cuda+cudnn+pytorch2022-10-144.xshell7 无法打开 提示"要继续使用此程序,您必须应用最新的更新或使用新版本" 解决方案2022-10-085.wls2 ubuntu22 kind k8s 配置记录2022-09-126.wsl2安装与配置2022-09-117.PVE UPS NUT配置 自动关机2022-07-318.centos-stream-9 centos9 配置国内源 阿里云源2022-04-209.群晖gitlab备份迁移2022-01-2810.国内网站recaptcha无法使用的解决办法2022-01-0611.[每日小技巧] vscode配置vue项目基础2021-11-0912.Windows11 AirPods /AirPods Pro 声音小解决方案2021-10-2413.windows端口占用快速查询解决方法2021-05-1414.解决github无法连接错误 OpenSSL SSL_connect: Connection was reset in connection to github.com:4432021-03-1715.[ABP教程]第七章 作者:数据库集成2020-12-2416.[ABP教程]第六章 作者：领域层2020-12-2417.[ABP教程]第五章 授权2020-12-2418.[ABP教程]第四章 集成测试2020-12-2419.[ABP教程]第三章 创建、更新和删除图书2020-12-2420.[ABP教程]第二章 图书列表页面2020-12-2421.[ABP教程]第一章 创建服务端2020-12-2422.[Skill] git下载助手2020-12-2323.[Abp]Abp 新手入门随记2020-12-20

24.[Skill] 记一次vue项目热更新失败案例2020-12-15

25.[Skill]加速npm与yarn还原2020-11-2226.解决黑群晖"抱歉，您所指定的页面不存在"-记一次黑群晖修复案例2020-09-1527.如何下载youtube的视频？2020-09-1328.[新手教程]申请https泛域名解析2020-09-0729.docker frps 内网穿透容器化服务2020-09-0230.docker nginx 自定义配置容器2020-09-0231.asp.net core 学习笔记2020-07-0932.gitlab git仓库地址修改后更新方法2020-05-3133.树莓派(4B)新手入门教程2020-05-3034.Docker-MsSqlServer和安装版本异同2020-04-1135.Win Task 任务管理器 批量杀进程方法2020-04-0936.Win Docker 安装C盘清理方法之一2020-04-0337.中移动ipv6-老毛子固件获取ipv6设置2020-03-2038.win7-win10 禁用IPV6临时地址2020-03-2039.辅助调用函数【call,apply,bind】2020-02-2740.Unraid修改docker镜像地址&默认启动2020-02-2641.docker基本入门知识-小白向2020-02-2642.[不止于代码]Unraid基本使用速记2020-02-2643.Dockerfile文件说明2020-01-1944.Git之pull,fetch差别2019-08-2645.ES6+Webpack+Babel基本环境搭建2019-08-2646.抽象类和接口的异同及实例解析2018-11-2247.KVM与OpenVZ架构的区别2018-08-0248.关闭win10 defender的方法集锦2018-07-1949.ChromeDriver与Chrome版本对应表2018-05-2850.Hexo-Next-多地同步丢失解决(WARN No layout: index.html)2018-04-2651.修改vs模板添加版权注释信息2018-03-2752.Easyui中form表单验证事件不通过处理方法2018-03-2753.最简化版本-Centos7 配置.Net Core 及Jexus服务器2018-03-1254.常用开发中使用到的作图工具(开发向)2018-02-2555.Git 常用指令备注2018-01-3156.记一次 未能加载文件或程序集“”或它的某一个依赖项。试图加载格式不正确的程序 错误解决方案2018-01-3157.截图工具小结2018-01-2958.更优雅的处理数据-linqjs2018-01-2959.解决未安装Sql Server 配置数据库别名2018-01-2860.windows添加右键菜单-此处运行CMD2018-01-2461.记一次微信开发安卓访问阿里云服务器慢处理方案2018-01-1362.Hexo发布到Github丢失readme和CNAME解决方案2018-01-1163.Git之别名配置2018-01-0864.Github博客多地同步文章2018-01-0765.Github博客 自定义域名2018-01-0766.Github 搭建个人博客2018-01-0467.(转载)开源许可证教程2018-01-0268.小米路由mini刷 改华硕[N14U N54U]5G 2G的7620老毛子Padavan固件(私人云储存 aria2 QOS)2017-12-3169.小米路由mini刷不死breed2017-12-3170.小米路由mini开启ssh2017-12-3171.比特币是什么？2017-12-2172.IIS发布网站出现拒绝访问的错误分析2017-11-0773.公众平台服务号、订阅号、企业微信、小程序的相关说明2017-11-07

收起

病因#

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

解决过程#

发现问题，第一步搜索别人是怎么解决的
搜索一阵后，发现大部分都是留言路径问题，基本都是组件文件夹大写导致

修改测试后发现问题依旧

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

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

解决办法#

删除App.vue下多余元素

后记#

编码还需规范，测试不用可以先注释，但是不要抱有侥幸心态
也许只是一点点，但是却要花费几倍的时间来找问题

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