vue3项目,Element-plus ElMessage API 调用样式丢失问题

hykeda4年前Vue5025

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"; 删除,就恢复正常。

标签: vueElementPlus

相关文章

npm简介

npm简介

做前端开发,如果项目达到了一定的规模,就离不开npm了。下面简单介绍一下npm的知识。1、npm的含义npm,Node Package Manager的缩写,也就是“节点的包管理器”。顾名思义,npm...

[Vue warn]: Error in render: “TypeError: Cannot read property ‘name‘ of undefined“,报错,已解决。

含义:渲染时发生错误:类型错误:不能读取undefined的name属性原因:出现上述报错其实是因为,你访问了undefined.name,但是 undefined 没有 name,所以报错。原因有两...

Vue2.x笔记

vue2.0 开始不能挂载到<html> 或者 <body> 上。 transition 动画过渡的时候,如果是:<transit...

uni-app中使用iconfont字体,亲测有用

一、下载好iconfont文件,复制iconfont.ttf这个文件至项目。 在你的项目中创建一个iconfont.css文件,文件内容: @font-face { font-fam...

useRoute,userRouter的用法

 import { useRoute, useRouter } from 'vue-router'; 这里的useRoute是获取传递的变量:const route...

前端常用的UI组件库

Arco DesignTaro UISemi DesignAnt DesignElementView DesignVantLayui-vueFusion Design1. Arco Desi...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。