本地项目显示正常,打包部署后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)
    }
复制代码
相关推荐
牛马111几秒前
Flutter Web性能优化标签解析
前端·flutter·性能优化
Bigger几秒前
Tauri (25)——消除搜索列表默认选中的 UI 闪动
前端·react.js·weui
李少兄12 分钟前
简单讲讲 SVG:前端开发中的矢量图形
前端·svg
前端小万13 分钟前
告别 CJS 库加载兼容坑
前端·前端工程化
恋猫de小郭13 分钟前
Flutter 3.38.1 之后,因为某些框架低级错误导致提交 Store 被拒
android·前端·flutter
JarvanMo17 分钟前
Flutter 需要 Hooks 吗?
前端
光影少年27 分钟前
前端如何虚拟列表优化?
前端·react native·react.js
Moment29 分钟前
一杯茶时间带你基于 Yjs 和 reactflow 构建协同流程图编辑器 😍😍😍
前端·后端·面试
invicinble1 小时前
对于前端数据的生命周期的认识
前端
PieroPc1 小时前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例
前端·html·fastapi