原文:vue打包 element-icons.woff 和element-icons.ttf 字体文件路径错误,导致icon图标显示成小方块的问题。

出现打包后icon图标变成小方块的原因只有两个 一。element ui版本和element ui lib theme chalk index.css版本不一致。 解决办法: 卸载已经有的element ui npm uninstall element ui 然后在安装新的 npm install element ui 二。打包后的element icons.woff 和element icons ...

2021-01-27 10:59 0 1139 推荐指数:

查看详情

vue+ elementUI 打包发布到服务器后,element-icons.woff文件404

问题场景1:js文件报404 原因:打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错 解决办法:修改config/index.js文件,将 assetsPublicPath修改为'./'   问题场景2:element-icons.woff 文件 404 1. ...

Fri May 17 00:30:00 CST 2019 0 6123
使用 icon 字体图标出现小方块问题

今天在弄一个vue 项目的时候,碰到了引入icon 出现错误,现在总结一下问题: 主要碰到两个错误 1:路径错误,报错找不到modules, 2:路径错误,但是没有报错,只是显示小方块(也就是没有显示icon 图标)。 第一个错误要弄清楚路径 “ / ” 表示根目录 ...

Tue Oct 16 04:14:00 CST 2018 0 3238
引用elementUi 字体文件丢失导致图标显示小方块

引用elementUi 控制台报错字体文件丢失 , 检查后发现是打包后css文件的引用路径出现问题,做出以下修改 在webpack.base.config.js中修改url-loader 修改utils.js ,ExtractTextPlugin ...

Wed Apr 21 22:04:00 CST 2021 0 216
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM