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

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

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

@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'); 
}

你可能感兴趣的:(uni-app,uni-app)