随机掉落的项目足迹: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'
相关推荐
IT_陈寒几秒前
SpringBoot自动配置的坑,我调试到凌晨三点才爬出来
前端·人工智能·后端
qq_339191148 分钟前
kimi-cli 服务形式启动,kimi-cli无头模式 kimi-cli web启动,
服务器·前端·javascript
落魄江湖行9 分钟前
入门篇四:Nuxt4布局系统:让页面框架复用变得简单
前端·vue·nuxt4
恋猫de小郭10 分钟前
你的 AI 不好用,可能只是它在演你,或者在闹情绪
前端·人工智能·ai编程
那我懂你的意思啦12 分钟前
Vue2+Vue3学习
前端·vue.js·学习
@大迁世界12 分钟前
17.在 React 中如何根据条件决定渲染哪个组件?
前端·javascript·react.js·前端框架·ecmascript
小则又沐风a14 分钟前
类和对象----最终篇
java·前端·数据库
travel_wsy15 分钟前
PLY三维模型在vue中的展示
前端·javascript·vue.js
还是大剑师兰特19 分钟前
Vite + Vue 3 一体化开发调试插件:vite-plugin-vue-devtools
前端·javascript·vue.js
晓得迷路了20 分钟前
栗子前端技术周刊第 123 期 - axios 包遭入侵、Babylon.js 9.0、Node.js 25.9.0...
前端·javascript·axios