問題重現
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: "請求超時或服務器錯誤!",
});
此時會出現樣式丟失問題。
image.png
解決方案
將上述代碼導入import部分的代碼去掉，直接調用。
ElMessage({
type: "error",
message: "請求超時或服務器錯誤!",
});
Eslint報錯
將ElMessage等都加入到.eslintrc globals字段里面
module.exports = {
globals: {
defineEmits: "readonly",
defineProps: "readonly",
defineExpose: "readonly",
withDefaults: "readonly",
WeixinJSBridge: "readonly",
ElMessage: "readonly",
ElMessageBox: "readonly",
ElLoading: "readonly",
}
}
