解决uniapp引入图标报文件查找失败

太过爱你忘了你带给我的痛 2022-09-11 06:15 478阅读 0赞

在uniapp的开发过程中，引入了字体图标iconfont.css文件后，编译运行会报如下错误  
![请添加图片描述][f098ece279414b209c54d8a29d93ce47.jpg]

经过定位排查，发现问题出现在这几行代码中。

@font-face { font-family: "iconfont";
      src: url('iconfont.eot?t=1565143147692'); /* IE9 */
      src: url('iconfont.eot?t=1565143147692#iefix') format('embedded-opentype'),/* IE6-IE8*/
      url('iconfont.woff?t=1565143147692') format('woff'),
      url('iconfont.ttf?t=1565143147692') format('truetype'),
      url('iconfont.svg?t=1565143147692#iconfont') format('svg'); 
    }

解决办法：将路径改为在线地址即可编译成功。

@font-face { font-family: "iconfont";
      src: url('https://at.alicdn.com/t/iconfont.eot?t=1565143147692'); /* IE9 */
      src: url('https://at.alicdn.com/t/iconfont.eot?t=1565143147692#iefix') format('embedded-opentype'),/* IE6-IE8*/
      url('https://at.alicdn.com/t/iconfont.woff?t=1565143147692') format('woff'),
      url('https://at.alicdn.com/t/iconfont.ttf?t=1565143147692') format('truetype'),
      url('https://at.alicdn.com/t/iconfont.svg?t=1565143147692#iconfont') format('svg'); 
    }

[f098ece279414b209c54d8a29d93ce47.jpg]: /images/20220828/6bc26c35beaf41279e32dd203160fbf9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，478人围观）

还没有评论，来说两句吧...

相关阅读

相关 Uniapp引入彩色图标iconfont

1. 进入阿里巴巴矢量图标库https://www.iconfont.cn/，添加图标到项目，然后下载至本地 ![阿里巴巴下载图标][7936f14a9fb41f

谁践踏了优雅/ 2024年03月26日 11:43/ 0 赞/ 47 阅读

相关 css,js文件引入失败问题解决

万能方法: 曾被css文件和js文件引入的问题困扰很久，link引入，@import引入都使用过，但在复杂的页面跳转过程中，经常会导致这些文件在某一个在跳转过程中由于路径的

骑猪看日落/ 2023年10月08日 12:03/ 0 赞/ 15 阅读

相关 uniapp怎么引入css_Uniapp怎么引入外部js

Uniapp引入外部js的方法：首先新建一个indexl文件，引入外部js，代码为【】；然后打开manifest文件。 ![Image 1][] 本教程操作环境：windo

朱雀/ 2023年01月08日 08:12/ 0 赞/ 392 阅读

相关 uniapp全局引入字体

uniapp引入各种字体一.下载字体 ![在这里插入图片描述][20210115093344326.png] 二.在全局设置字体在font-face中说明，

喜欢ヅ旅行/ 2023年01月07日 01:26/ 0 赞/ 219 阅读

相关解决uniapp引入图标报文件查找失败

在uniapp的开发过程中，引入了字体图标iconfont.css文件后，编译运行会报如下错误 ![请添加图片描述][f098ece279414b209c54d8a29d9

太过爱你忘了你带给我的痛/ 2022年09月11日 06:15/ 0 赞/ 479 阅读

相关 uniapp 图标配置

uniapp 图标配置，记录一下 1、在 HBuilderX 中打开 manifest.json 文件，找到 App图标配置 ![watermark_type_ZHJvaW

秒速五厘米/ 2022年09月10日 10:28/ 0 赞/ 646 阅读

相关引入jsp页面引入js失败的解决办法

zaijsp页面上的<head>标签中写了引入js的代码<script type="text/javascript" src="js/jquery-3.0.0.js"></sc

女爷i/ 2022年04月17日 01:53/ 0 赞/ 525 阅读

相关报错 - 项目直接引入 .scss文件报错及解决方案

近期项目中直接使用了scss 发现报错了，这个导致的原因我到现在都不是很了解，只是大概知道是 node 的原因，不过解决方法已经找到了的。下面分享一下：一、报错

- 日理万妓/ 2021年09月09日 02:32/ 0 赞/ 615 阅读

相关使用uview插件时报错 ‘文件查找失败’解决方案

1.重新安装 npm install uview-ui 2.在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后

矫情吗；*/ 2021年07月26日 00:05/ 0 赞/ 4108 阅读

相关 uniapp css样式、引入阿里字体图标、使用less、scss

css样式选择器无效 page相当于body选择器 1rpx=0.5px 导入其他css文件

电玩女神/ 2021年07月24日 12:19/ 0 赞/ 890 阅读