【vite】踩坑,首次点击路由跳转页面,发生回退,页面闪回,二次点击才能进入目标页面
【vite】踩坑,首次点击路由跳转页面,发生回退,页面闪回,二次点击才能进入目标页面
最近在做移动端前端项目,使用的vite3+vue3+vant,组件和api挂载,使用的自动导入,unplugin-auto-import/vite和unplugin-vue-components/vite。
在vite.config.ts配置好后,并自动在src生成了components.d.ts与auto-imports.d.ts文件。
后续开发过程中,发现了问题,当每次修改过代码,合并拉取后,首次进入某个页面的路由,点击时,首先会跳转想目标路由,然后发生闪退,回到原页面,二次点击才能跳转过去
查阅了许多资料,一直没找到问题,后续查看日志,vite日志打印了page reload src/components.d.ts的信息,发现页面进行了重载
后面在一篇文章中找到了解决方案
方法一
更改components.d.ts与auto-imports.d.ts生成文件的路径,放置在根目录下,非src
方法二
删除components.d.ts与auto-imports.d.ts这两个文件,vite.config.js配置中,剔除掉dts的配置
参考文献:https://zhuanlan.zhihu.com/p/530626295
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!