本地项目显示正常,打包部署后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)
    }
复制代码
相关推荐
2501_944424121 小时前
Flutter for OpenHarmony游戏集合App实战之连连看路径连线
android·开发语言·前端·javascript·flutter·游戏·php
search78 小时前
前端设计:CRG 3--CDC error
前端
治金的blog9 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大10 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
荔枝一杯酸牛奶11 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll11 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im11 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜11 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
GISer_Jing13 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路14 小时前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化