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"],