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({
    type: "error",
     message: "请求超时或服务器错误!",
});

Eslint报错

将 package.json 的"eslintConfig" 里加 globals设置 

   "globals": {
      "defineEmits": "readonly",
      "defineProps": "readonly",
      "defineExpose": "readonly",
      "withDefaults": "readonly",
      "WeixinJSBridge": "readonly",
      "ElMessage": "readonly",
      "ElMessageBox": "readonly",
      "ElLoading": "readonly"
    },

你可能感兴趣的:(vue,前端,javascript,开发语言)