Vue3+Element-Plus中ELMessage样式丢失处理

Vu3+Element-Plus项目中,element-plus使用按需引入有时会出现样式失效和在vscode中使用会报错[找不到名称“ElMessage”。ts(2304)]错误

ELMessage弹框样式丢失处理方法

使用按需引入就不能手动再引入

import { ElMessage } from "element-plus";

ElMessage.success('校验成功！')

需要将手动引入注释即可

在vscode中使用会报错[找不到名称“ElMessage”。ts(2304)]错误处理方法

在 tsconfig.json 中 include 引入 auto-imports.d.ts 这个element-plus 自动引入组件的ts文件，即可解决此TS报错

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