美文网首页微信小程序
解决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