随机掉落的项目足迹: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'
相关推荐
南游2 分钟前
数组判断?我早不用instanceof了,现在一行代码搞定!
前端·javascript
mouseliu5 分钟前
pnpm approve-builds报错
前端
JIseven6 分钟前
app页面-锚点滚动 和 滚动自动激活菜单
前端·javascript·html
AAA阿giao11 分钟前
在你的网页中嵌入 Coze 智能客服:一步步打造专属 AI Agent
前端·javascript·人工智能
AAA阿giao12 分钟前
深入解析 OOP 考题之 EditInPlace 类:从零开始掌握面向对象编程实战
前端·javascript·dom
时713 分钟前
利用requestIdleCallback优化Dom的更新性能
前端·性能优化·typescript
西西学代码13 分钟前
flutter---进度条(2)
前端·javascript·flutter
Apeng_091916 分钟前
vue+canvas实现按下鼠标绘制箭头
前端·javascript·vue.js
QuantumLeap丶19 分钟前
《Flutter全栈开发实战指南:从零到高级》- 21 -响应式设计与适配
android·javascript·flutter·ios·前端框架
wordbaby20 分钟前
组件与外部世界的桥梁:一文读懂 useEffect 的核心机制
前端·react.js