关于Element-plus按需引入的一些坑-1

最新推荐文章于 2024-09-18 22:30:24 发布
最新推荐文章于 2024-09-18 22:30:24 发布
阅读量2.4k 收藏 1
点赞数 1
分类专栏： 前端 html 面试 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54852752/article/details/123055067
版权
前端 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
html
7 篇文章 0 订阅
订阅专栏
面试
7 篇文章 0 订阅
订阅专栏

在使用vite之后element-plus按需引入用了插件unplugin-vue-components，其中有些问题记录一下。

在使用Elmessage等写在js文件中的反馈提示消息的组件消息时插件识别不到css文件，就会出现如下效果

这时就需要在main.ts中手动引入你所需要的css文件如

import 'element-plus/theme-chalk/el-message.css

如果图省事把css文件全部引入就是这样

import 'element-plus/dist/index.css'

不过既然都按需引入了，优雅就优雅到底，尽量别全部引入，引入成功elmessage的效果应该是这样

也许之后unplugin-vue-components插件会更新修复这个bug，但如果没修复就暂时这样把…

m0_54852752
关注
专栏目录
element plus安装引入使用大坑
weixin_45642452的博客
04-28 2580
最近做毕设，准备用vue写前端，自然用到了elementplus,处处踩雷必须记录。 首先是版本对应，vue2对应element-ui,vue3对应element-plus，强行安装只会出错，另外安装的时候需要把已经npm run的项目停下来，否则安装的依赖会因为无法进入package.json而引入失败。 关于使用，由于我的main.ts文件是在创建项目的时候自动生成的，所以它的app声明只有一句 app=createApp(App).use(store).use(router).mount('#app'
element-plus 按需引入的两种方式( 官方推荐方式 及babel-plugin-import)
web15085599741的博客
02-26 1134
1.官方推荐方式 首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件 npm install -D unplugin-vue-components unplugin-auto-import Webpack安装 方式一：写入 webpack.config.js const AutoImport = require('unplugin-auto-import/webpack') const Components = require('unplu
vite element-plus自定义主题按需导入不生效
前端人公众号作者
10-26 2765
1. 使用官方CLI 主题工具编译sass为css文件 (node版本v10.24.1) 2.复制编译后的theme文件夹到主项目 3.主项目导入所有css文件 import { createApp } from 'vue'; import App from './App.vue'; import '@/mock'; import './theme/index.css' createApp(App) .mount('#app'); 4.修改vite配置 - node 版本切换...
Vue|按需引入ElementPlus组件
最新发布
weixin_52424354的博客
09-18 335
按需引入ElementPlus组件
新旧Element-plus的坑
weixin_43821151的博客
06-27 817
解决formEl.validate不是一个函数的问题
element-plus 遇到的坑（dialog和日历选择组件DatePicker一起使用，显示隐藏出现bug）
weixin_44206947的博客
03-18 1671
问题描述 提示：这里描述项目中遇到的问题： elementPlus中的DatePicker在dialog中选择完日期组件不会自动隐藏 解决方案： 升级element-Plus版本 原先的版本是 2.0.5 导致组件错误 yarn remove element-plus yarn add element-plus@2.1.4 ...
记录一次Vue3.0引入ElementPlus之后样式不生效的一个大坑
qq_46416934的博客
03-10 2102
事情是这样的，我呢，主要是做后端的，很少碰前端，而且真心不擅长前端，每次碰都特别痛苦。但是最近实在是有点闲，为了能优化一下我前一阵做的一个服务型项目，准备加几个页面实现配置业务参数和查询执行记录之类的功能。所以上网看了看教程，搭了一个VUE3.0的项目，并且准备用ElementUI为VUE3.0推出的ElementPlus作为UI库。 于是我就按照教程，使用VUE/CLI脚手架搭了一个项目，并且配置了vue.config.js的配置文件（这里画个重点要考的！），然后按部就班配置了vue-router和ele
element plus 中文化避坑
mydirector的专栏
08-29 854
根据官方指南，其全局中文化共由两种方式 import ElementPlus from 'element-plus' import zhCn from 'element-plus/es/locale/lang/zh-cn' app.use(ElementPlus, { locale: zhCn, }) 这个是针对TS的，不兼容JS，js只能用第二种 <template> <el-config-provider :locale="locale"> <a
Nuxt配置Element-UI按需引入的操作方法
10-15
主要介绍了Nuxt配置Element-UI按需引入方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
element-plus(element-plus@2.5.5) 本地离线资源
02-05
element-plus@2.5.5 本地离线资源，适用于没有网络连接、搭建自己的cdn等用途。 All files（包含文件） /npm/element-plus@2.5.5/dist /npm/element-plus@2.5.5/es /npm/element-plus@2.5.5/lib /npm/element-...
element-plus踩坑日记icon vite配置icon真的费老鼻子力气了
m0_58039950的博客
05-23 1783
各个框架图标遍历玩法 免费的框架往往是最贵的,谁用谁知道,浪费了太多配置的时间,一个破ICON能把人折腾死.今天你饿了么? element-plus 安装element-plus pnpm install element-plus -D 效果 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1WZY38tz-1653318306758)(C:\Users\jpruby\AppData\Roaming\Typora\typora-user-images\image-202
ts+vite+element-plus+npm发包的各种坑
melissaomy的博客
01-21 4177
ts+vue3+element-plus各种坑
VUE3+elememtplus+js踩坑
xianyus4mA的博客
03-01 904
element标签变化,标签报错,图标的动态引入
新人容易踩坑的element-plus的一个小问题，引入element-plus配置
weixin_58145251的博客
09-15 153
element-plus引入配置的小问题
解决vue3按需引入element-plus的组件而样式不显示的问题
qq_45160662的博客
09-11 6100
解决vue3按需引入element-plus的组件而样式不显示的问题
模块 ““element-plus““ 没有导出的成员 xxx。你是想改用 “import xxx from “element-plus““ 吗?
一个菜鸡
05-28 2484
很多时候导入element plus中某个api时，总是提示：模块 ““element-plus”” 没有导出的成员 xxx。你是想改用 “import xxx from “element-plus”” 吗?，真吉尔恶心。使用它给的配合volar的类型声明，在最新版本又出问题。于是想到了这个方法，一次解决，终身无痛。
模块 ““element-plus““ 没有导出的成员 “ElMessage“
m0_51945510的博客
06-29 1685
模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?
解决vue3中 import type { FormInstance } from ‘element-plus‘出现报错
weixin_52075774的博客
06-05 5407
解决vue3中使用element-plus的form组件出现import type { FormInstance } from 'element-plus'错误
element-plus按需引入方法
06-09
要使用 element-plus 的按需引入功能，你需要先安装 babel-plugin-component 插件： ``` npm install babel-plugin-component -D ``` 然后在 babel 配置文件中添加以下配置： ``` // babel.config.js module....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值