ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

解决vite+elementplus 打包后出现的下拉列表多出空元素的bug

2022-01-04 11:03:23  阅读:202  来源: 互联网

标签:npm elementplus 1.0 element plus vite bug 打包


打包后下拉列表出现的空元素bug

  之前的项目element-plus版本是 "^1.0.2-beta.70"  把他升级一下就好了 

    npm i element-plus@1.0.2-beta.70

  升级遇到的一个问题

    

 

 

  用这个命令 npm i element-plus@^1.0.2-beta.70 --force 装好后继续下一步

  然后可以 npm run build 打包,再用 serve dist 跑一下看下效果 (如果没有安装过serve的 => 终端执行  npm i serve -g

  如果打包后出现以下问题:

    

  这是elemnt plus css 冲突了,把这个 import 'element-plus/packages/theme-chalk/src/base.scss'   找到注释就好了

    

 

 

  再去打包运行就可以看效果了。

  如果你的vite版本是  "vite": "^2.3.8" 可能会出现部分图标变成空白框框这个bug。把 vite 版本降级 npm i vite@2.3.7 再去打包运行就可以看效果了。

 

 

 

标签:npm,elementplus,1.0,element,plus,vite,bug,打包
来源: https://www.cnblogs.com/Zkhaihai/p/15761700.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有