本地项目显示正常,打包部署后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)
    }
复制代码
相关推荐
渣哥1 分钟前
从 AOP 到代理:Spring 事务注解是如何生效的?
前端·javascript·面试
toobeloong16 分钟前
Electron 从低版本升级到高版本 - 开始使用@electron/remote的改造教程
前端·javascript·electron
悠哉摸鱼大王19 分钟前
前端获取设备视频流踩坑实录
前端·javascript
铅笔侠_小龙虾28 分钟前
深入理解 Vue.js 原理
前端·javascript·vue.js
西西学代码32 分钟前
Flutter---showCupertinoDialog
java·前端·flutter
你的眼睛會笑35 分钟前
vue3 使用html2canvas实现网页截图并下载功能 以及问题处理
前端·javascript·vue.js
ZTLJQ1 小时前
植物大战僵尸HTML5游戏完整实现教程
前端·游戏·html5
无光末阳1 小时前
vue 环境下多个定时器的创建与暂停的统一封装
前端·vue.js
Hilaku1 小时前
技术Leader的“第一性原理”:我是如何做技术决策的?
前端·javascript·面试