其他分享
首页 > 其他分享> > 解决vite+elementplus 打包后出现的下拉列表多出空元素的bug

解决vite+elementplus 打包后出现的下拉列表多出空元素的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