本地项目显示正常,打包部署后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)
    }
复制代码
相关推荐
A_nanda2 分钟前
vue快速学习框架
前端·javascript·vue.js·学习·c#
蜗牛攻城狮2 分钟前
“直接 URL 下载” vs “前端 Blob 下载”:原理、区别与最佳实践
前端·javascript·二进制流
海绵宝宝_4 分钟前
Chrome强开Gemini助手教程
前端·人工智能·chrome
abments11 分钟前
chrome设置启动浏览器后自动打开关闭前的页面
前端·chrome
刘一说14 分钟前
Pinia状态持久化的“隐形陷阱“:为什么页面刷新后状态丢失?
前端·javascript·vue.js
心柠20 分钟前
webpack
前端·webpack·node.js
C澒21 分钟前
前端编码规范
前端·团队开发·代码规范
Zhu_S W33 分钟前
基于Java和Redis实现排行榜功能
前端·bootstrap·html
小马_xiaoen1 小时前
Vue3 + TS 实现长按指令 v-longPress:优雅解决移动端/PC端长按交互需求
前端·javascript·vue.js·typescript
147API1 小时前
改名后的24小时:npm 包抢注如何劫持开源项目供应链
前端·npm·node.js