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"
]
类似问题就能举一反三了。
如上。