本地项目显示正常,打包部署后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)
    }
复制代码
相关推荐
蓝倾24 分钟前
淘宝批量获取商品SKU实战案例
前端·后端·api
comelong29 分钟前
Docker容器启动postgres端口映射失败问题
前端
花海如潮淹31 分钟前
硬件产品研发管理工具实战指南
前端·python
用户38022585982431 分钟前
vue3源码解析:依赖收集
前端·vue.js
WaiterL32 分钟前
一文读懂 MCP 与 Agent
前端·人工智能·cursor
gzzeason34 分钟前
使用Vite创建React初始化项目
前端·javascript·react.js
又双叒叕77835 分钟前
React19 新增Hooks:useOptimistic
前端·javascript·react.js
归于尽1 小时前
V8 引擎是如何给 JS"打扫房间"的 ?
前端·javascript
小old弟1 小时前
让对象保持定义的顺序来排列
前端
漫天星梦1 小时前
前端列表页大数据内存优化的思考
前端·面试