MCong’s Blog 👋🏼

此系列均为工作或生活中遇到的各种bug，为记录bug而生的，不希望其他人因为这些bug而纠结 v-for后渲染列表为空（偶发性） 背景介绍 因为工作原因，其他部门的同事交接了一个某管理系统，因为这个项目时因为甲方还未完全验收通过2022年底验收通过，而且我这个项目组是新成立的，专门做甲方这边的相关的项目，其他部门的项目就交接过来了，这个系统也是很简单的系统，是查询某地区的税收情况的一个系统，整个系统就是一个导出、查询的功能，相对比较简单 问题描述 这个问题是在熟悉代码时的某天发现的，触发的还挺频繁的，但也不是百分百触发，当我搜索某个企业名称后，将企业名称删除重新搜索，就会出现下图的情况，所有的信息都渲染不出来，只有几个筛选条件和几个按钮这里只是拿企业名称举例子，其他收索条件收索后也是一样的问题，除非刷新页面，才会恢复正常，否则会一直是空白状态 解决方法 刚看到这个问题时，我以为是后端服务出了问题，就打开了控制台，发现后端响应码是200，并且有数据返回 这时候我发现事情远远没有那么简单，于是就开始寻找bug之旅，首先我找到了发生问题的代码，看了一下，这一块代码也非常简单，....

此系列均为工作或生活中遇到的各种bug，为记录bug而生的，不希望其他人因为这些bug而纠结 computed类型错误 问题描述 此Bug是朋友碰到的一个Bug，大概问题为在项目中控制台报错computed应该是一个Object，但是定义的是一个Function的一个错误，如下图， 当刚看到这个错误时以为是朋友那边粗心大意的把computed的类型写错了，但是看了对应的页面发现代码也没有错，但这个报错就是存在。 解决方法 为了节约时间，通过远程来解决问题，远程过去后看到代码确实没有问题，computed中写的是vuex的辅助函数，也是很简单的逻辑，于是我尝试着注释掉相关的代码，看下控制台还有没有报错，发现就算注释掉这段代码，控制台还是会报相同的错误，于是我便想到了computed它是会有缓存的，是不是缓存造成的呢？经过一系列的操作后，将浏览器强制刷新一下，然后又重启了一下项目，发现还是相同的地方，相同的错误，这时候感觉到这个bug并没这么简单，于是就换了一个思路，在整个项目全局搜索了一下computed后发现几乎每个页面都会有一个空的computed属性，大概一二十个页面，只有....

此系列均为工作或生活中遇到的各种bug，为记录bug而生的，不希望其他人因为这些bug而纠结 页面无限刷新 问题描述 某天在登录公司的项目时，点击登录之后，发现页面无限月读（一直刷新并且报错） 解决方法 这个bug相对来说还是比较简单的，因为页面有一个Toast，已经提示了什么原因，于是我进入vscode开始全局收索这个描述，发现报错的地方为一个封装的路由守卫信息的一个文件中的提示，如下图所示 于是第一时间并未怀疑是代码出了问题，而是以为网络问题导致的ps：因为项目需求我们整个项目组刚换办公地点，新地点暂时需要连vpn办公，当我重新开一下vpn、重置网络一系列操作后，发现还是会有这个问题，于是就开始怀疑代码问题，打开控制台发现控制台有一个报错，根据报错信息发现是因为一个名为workplace的东西引起的，并且已经告诉了我报错地点在文件名为cptList.js的第44行代码，如下图所示 有了这些报错信息就好办了，找到这个文件后发现，此处逻辑也很简单，我就不多赘述了，如下图 看到了这里，发现昨天ps:发现bug的昨天修改的文件中没有考虑到本地存储为空的情况，快要下班了，没有考虑那....