本地项目显示正常,打包部署后ElementUI重点饿图标全部显示异常为小方框

我出现这个问题是因为更新升级了ElementUI的版本,所以打包时的配置不支持了

如果ElementUI所有的图标都显示异常就是打包配置的问题,如果是个别的问题,和图标加载大小的限制有关

修改路径: build\utils.js

在 cssLoaders 方法中找 generateLoaders 函数

原来的逻辑

修改为:

添加 publicPath 路径

javascript 复制代码
if (options.extract) {
        return [{
            loader: MiniCssExtractPlugin.loader,
            options: { publicPath: '../../' }
        }].concat(loaders)
    } else {
        return ['vue-style-loader'].concat(loaders)
    }
复制代码
相关推荐
Luna-player2 分钟前
将Vue 项目上传到Gitee流程步骤
前端·vue.js·gitee
柳杉3 分钟前
精选10套开源数据可视化大屏项目合集 | 从 3D 地球到数字孪生
前端·javascript·数据可视化
qhd吴飞4 分钟前
ElementUI Table合并单元格后,勾选行时,数据错误问题
前端·javascript·elementui
easyboot6 分钟前
vxetable的表格滚动条加粗功能
前端·javascript·vue.js
C澒6 分钟前
供应链产研交付提效:样板间 2.0 从标准化到自动化的全链路落地实践
前端·ai编程
yangyanping201087 分钟前
Vue入门到精通五之yarn部署项目
前端·javascript·vue.js
Luna-player17 分钟前
npx create-vue 创建 Vue 3 项目的交互式配置界面
前端·javascript·vue.js
还是大剑师兰特19 分钟前
const { proxy } = getCurrentInstance() 的正确使用方法
前端·javascript·vue.js
zhengzhengwang23 分钟前
react18升级新特性
前端·javascript·react.js