随机掉落的项目足迹: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'
相关推荐
天天进步20152 分钟前
Webpack到Vite:构建工具迁移实战经验总结
前端·webpack·node.js
0***143 分钟前
免费的WebAssembly模块打包,Webpack配置
前端·webpack·wasm
小胖学前端4 分钟前
解决 uniapp H5 与原生应用通信的坑:一个经过实战验证的解决方案
前端·uni-app
LaoZhangAI5 分钟前
Gemini 2.5 Flash Image API尺寸设置完整指南:10种宽高比详解
前端·后端
kangyouwei7 分钟前
鸿蒙开发:19-本地开发配置bash环境执行hvigorw命令
前端·harmonyos
Achieve前端实验室10 分钟前
JavaScript 原型/原型链
前端·javascript
一碗下酒菜12 分钟前
React 闭包陷阱详解
前端
littleplayer13 分钟前
ArkTs单元测试 UnitTest 指南
前端
LXA080914 分钟前
vue3开发使用框架推荐
前端·javascript·vue.js
拿不拿铁1934 分钟前
Vite & Webpack & Rollup 入口与产出配置与示例
前端