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

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

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

    npm i element-plus@1.0.2-beta.70

  升级遇到的一个问题

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

 

 

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

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

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

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

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

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

 

 

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

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

 

 

 

上一篇:【优雅代码】11-stream精选/@functional懒加载示例


下一篇:【Example】C++ 接口概念讲解及例子演示