美文网首页微信小程序
解决uni-app引入iconfont矢量图标库报 文件查找失败

解决uni-app引入iconfont矢量图标库报 文件查找失败

作者: CoderZb | 来源:发表于2020-03-27 13:23 被阅读0次

首先本地的路径确实是没有问题,只要编译运行就是提示如下错误

文件查找失败:'./iconfont.eot?t=1585281095553' at App.vue:7
文件查找失败:'./iconfont.svg?t=1585281095553' at App.vue:7
文件查找失败:'./iconfont.ttf?t=1585281095553' at App.vue:7
文件查找失败:'./iconfont.woff?t=1585281095553' at App.vue:7
image.png

不得只好采用在线路径尝试解决一下,结果编译成功了。

image.png

解决步骤

  • 步骤一:进入iconfont官网,找到查看在线链接
    image.png
  • 步骤二:复制在线链接的代码


    image.png
  • 步骤三:浏览器打开该链接,然后复制代码


    image.png
  • 步骤四:把项目里面的iconfont.css的指定内容替换掉


    image.png
  • 步骤五:重新编译即可。

相关文章

网友评论

    本文标题:解决uni-app引入iconfont矢量图标库报 文件查找失败

    本文链接:https://www.haomeiwen.com/subject/lsjluhtx.html