vue3项目,Element-plus ElMessage API 调用样式丢失问题
1、Element-plus使用了自动按需导入,vite.config.js配置如下:
defineConfig({ plugins: [ AutoImport({ resolvers: [ElementPlusResolver()] }), Components({ resolvers: [ElementPlusResolver()] })
2、代码手动导入了API,如下
import { ElMessage } from "element-plus"; ElMessage({ type: "error", message: "请求超时或服务器错误!", });
此时会出现样式丢失问题。
只要将:import { ElMessage } from "element-plus"; 删除,就恢复正常。