配置 unplugin-vue-component 自动导入 Element Plus 组件,生成的导入文件 components.d.ts 总是莫名其妙更新?

664 阅读1分钟

问题

使用了路由懒加载,启动/重启 Vite 开发服务器时,仅加载已打开页面,组件在首次进入页面时才会加载。

路由懒加载

导致 unplugin-vue-components/vite 插件因无法识别未打开页面所用组件,而无法自动导入。

就会造成文件 components.d.ts 总是出现更改

image.png

image.png

ESLint 就会报错

image.png

解决方法

  1. 取消使用路由懒加载(不建议⚠️)
  2. 放弃 components.d.ts 文件的更改(麻烦,有时候要点几百遍才能切分支😵‍💫)
  3. 把所有页面全部点一遍,components.d.ts 文件里被剔除的组件就恢复了...✅