随机掉落的项目足迹: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'
相关推荐
橙某人6 分钟前
🍊🍊🍊在网格中进行拖动布局-Javascript、Vue
前端·javascript·vue.js
若川7 分钟前
Taro 4 已发布:11. Taro 是如何解析入口配置 app.config.ts 和页面配置的?
前端·javascript·微信小程序
八了个戒12 分钟前
「数据可视化 D3系列」入门第一章:Hello D3.js
开发语言·前端·javascript·数据可视化·canvas
·薯条大王13 分钟前
Node.js 操作 MySQL 数据库
javascript·数据库·mysql
二川bro22 分钟前
深度解析 Vue 项目 Webpack 分包与合包 一文读懂
前端·vue.js·webpack
getapi22 分钟前
flutter底部导航代码解释
前端·javascript·flutter
nui11127 分钟前
汽配快车道解决chrome backgroud.js(Service Worker) XMLHttpRequest is not defined问题
前端·javascript·chrome
团酱43 分钟前
ESLint常见错误
开发语言·javascript·ecmascript
CodeCraft Studio1 小时前
PDF处理控件Aspose.PDF指南:使用 C# 从 PDF 文档中删除页面
前端·pdf·c#
好_快1 小时前
Lodash源码阅读-baseFill
前端·javascript·源码阅读