随机掉落的项目足迹:Element UI组件库 ElMessage 组件报错或样式丢失

问题引入

使用 Element UI 组件库时,如果用的是自动按需导入,那么就无需通过import语句导入组件,直接就能在项目里使用

但是 ElMessage 虽然可以正常使用,但是代码却会出现报错

虽然组件用起来没问题,但是这个报错看着还是让人很不舒服

但如果加上 import { ElMessage } from 'element-plus' ,报错虽然消失了,但组件样式又失效了

要怎样才能让代码不报错,组件样式又不失效呢?

问题解决

在需要使用组件的文件中导入组件,避免报错

javascript 复制代码
import { ElMessage } from 'element-plus'

在 main.ts 中加上如下代码,让组件样式正常生效

javascript 复制代码
import 'element-plus/es/components/message/style/css'
相关推荐
hashiqimiya6 分钟前
spring框架springbean依赖及单一项目
java·前端·spring
C澒7 分钟前
微前端容器标准化:业务域通用容器标准化改造
前端·架构
yangyanping2010813 分钟前
Vue入门到精通八之data 函数
javascript·vue.js·ecmascript
XW010599914 分钟前
5-8能被3,5和7整除的数的个数(用集合实现)
前端·javascript·数据结构·数据库·python·for循环
returnthem15 分钟前
Dockerfile
前端·firefox
沉默-_-17 分钟前
接收请求:HttpServletRequest的几种用法
前端·servlet·firefox
历程里程碑17 分钟前
37 线程安全单例模式深度解析
java·服务器·开发语言·前端·javascript·c++·排序算法
一尾流莺18 分钟前
狼人杀娱乐版型介绍
前端
wuhen_n18 分钟前
v-once和v-memo完全指南:告别不必要的渲染,让应用飞起来
前端·javascript·vue.js
干前端25 分钟前
Vue3 组件库实战(六):从本地到 NPM,Vue 组件库工程化构建与打包全指南(上)
前端·vue.js·npm