vue3.0+element plus+vite打包后el-select列表为空的问题

最近项目中遇到了本地运行项目，el-select可正常显示，但打包部署上线后却出现了下拉列表为空的问题，百度了许久也没找到解决方法，遂随笔记一下。

本地跑起来下拉框可正常显示：

打包部署后列表为空：

再三尝试下发现是element plus版本问题，将原先的1.0.2-beta.53升级为1.0.2-beta.70再重新打包后运行，发现打包失败，将main.js或main.ts中import 'element-plus/packages/theme-chalk/src/base.scss去掉就可以正常打包了，下拉列表便可正常显示。但又遇到了新的问题，此时项目图标都变成了小方块，百度后发现是vite版本问题，于是将vite版本从2.3.8降级为2.3.7再重新打包运行，图标又出现了。