随机掉落的项目足迹: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'
相关推荐
爱学习的茄子几秒前
React Hooks进阶:从0到1打造高性能Todo应用
前端·react.js·面试
知性的小mahua4 分钟前
vue3+canvas实现摄像头ROI区域标记
前端
markyankee1014 分钟前
Vue 计算属性和侦听器详解
vue.js
嘗_20 分钟前
暑期前端训练day5
前端
uncleTom66626 分钟前
前端布局利器:rem 适配全面解析
前端
谦哥29 分钟前
Claude4免费Vibe Coding!目前比较好的Cursor替代方案
前端·javascript·claude
LEAFF40 分钟前
如何 测试Labview是否返回数据 ?
前端
Spider_Man42 分钟前
🚀 从阻塞到丝滑:React中DeepSeek LLM流式输出的实现秘籍
前端·react.js·llm
心在飞扬44 分钟前
理解JS事件环(Event Loop)
前端·javascript
敲代码的玉米C1 小时前
深入理解链表反转:从基础到进阶的完整指南
javascript