打赏作者
感谢打赏,创作不易~
  • 微信
  • 支付宝

【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

 

 

posted @ 2023-01-05 16:58  Lanny-Chung  阅读(1208)  评论(0编辑  收藏  举报