本地项目显示正常,打包部署后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)
    }
复制代码
相关推荐
特严赤傲15 分钟前
在 Vue 中 v-for的写法对语法高亮的影响
前端·javascript·vue.js
PBitW15 分钟前
从前端工程师的角度将SEO做到极致 -- 菜鸟来实操
前端·seo
雨雨雨雨雨别下啦18 分钟前
【从0开始学前端】vue3路由,Pinia,组件通信
前端·vue.js·vue
调皮LE19 分钟前
前端 HTML 转 PDF
前端
Nan_Shu_61420 分钟前
熟悉RuoYi-Vue-Plus-前端 (1)
前端·javascript·vue.js
23124_8020 分钟前
网络管理-1
运维·服务器·前端
PBitW21 分钟前
Electron 初体验
前端·electron·trae
D***M97623 分钟前
WebSpoon9.0(KETTLE的WEB版本)编译 + tomcatdocker部署 + 远程调试教程
前端
南囝coding25 分钟前
《独立开发者精选工具》第 023 期
前端·后端·开源
文心快码BaiduComate28 分钟前
Agent如何重塑跨角色协作的AI提效新范式
前端·后端·程序员