vue-cli 打包后element图标异常不显示问题

嚣张农民

于 2023-12-04 00:29:35 发布

阅读量2.1k

点赞数 14

分类专栏： Vue2快速入门和进阶实战精讲前端踩坑专栏合集文章标签： javascript html5 vue.js html

版权

28 篇文章 ¥19.90 ¥99.00

订阅专栏

11 篇文章

订阅专栏

在Vue项目中使用Element UI时，打包后发现图标无法正常显示，控制台报找不到element-icons资源的错误。解决方法是在build/utils.js中添加publicPath: '../..'，调整资源路径，重新打包后，图标显示恢复正常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue打包后如下element图标不显示
在这里插入图片描述
控制台报错

显示没有找到element-icons资源
解决办法：
在build文件下的utils.js文件中添加这一句publicPath:‘…/…/’
找到我如下代码中去添加


    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract)

了解本专栏