Vue3+ElementPlus消息提示框样式丢失

在使用 Vue3 和 Element Plus 时，有时会遇到 ElMessage 消息弹框样式丢失的问题。这通常是由于按需引入组件导致的。

按需导入的element-plus，使用了按需引入插件（如 vite-plugin-components 或 babel-plugin-import）

确保不要手动引入 ElMessage。

import { ElMessage } from 'element-plus';
ElMessage.success('操作成功！'); // 样式丢失

移除import就好，ts如果报红，则在src下新建文件shims-vue.d.ts

// types/shims-vue.d.ts
export { }

declare global {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const ElMessage: any
}

tsconfig.json添加内容

{
    "include": ["types/shims-vue.d.ts"]
}  

完成设置即可解除所有报红的类型检查