element-plus 使用自动导入后，页面出现“找不到名称 XXXX”的类型提示

对于 element-plus 的使用总是断断续续的，这个问题很久以前解决了，但是很久没用后，又忘了。

今天正好又遇到，回看了一下以前的笔记和项目，知道了问题出在哪。以前解决的时候也是迷迷糊糊的，现在对于 TS 开发有了比较深的认识，知道了问题在哪。

按照 element-plus 官方教程使用自动导入组件，可以避免每个页面手动导入的繁琐。然而在配置完成后，页面中使用组件（如：ElMessage），还是会出现诸如“找不到名称 ElMessage”的类型提示。

这个问题的根源在 unplugin-auto-import 默认生成的配置文件目录不在 src 了，而是在项目根目录。

在 tsconfig.json 中的常用的 include 配置内容如下：

"include": [
  "src/**/*.ts",
  "src/**/*.d.ts",
  "src/**/*.tsx",
  "src/**/*.vue"
]

如果 auto-imports.d.ts 在 src 目录，就没有任何问题，但是在根目录，就需要添加到配置中。

"include": [
  "src/**/*.ts",
  "src/**/*.d.ts",
  "src/**/*.tsx",
  "src/**/*.vue",
  "auto-imports.d.ts"
]

类似问题就能举一反三了。

如上。