解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误

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

文件查找失败:'./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
解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误_第1张图片
image.png

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

解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误_第2张图片
image.png

解决步骤

  • 步骤一:进入iconfont官网,找到查看在线链接
    解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误_第3张图片
    image.png
  • 步骤二:复制在线链接的代码


    解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误_第4张图片
    image.png
  • 步骤三:浏览器打开该链接,然后复制代码


    解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误_第5张图片
    image.png
  • 步骤四:把项目里面的iconfont.css的指定内容替换掉


    解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误_第6张图片
    image.png
  • 步骤五:重新编译即可。

你可能感兴趣的:(解决uni-app引入iconfont矢量图标库报 文件查找失败:'./iconfont.eot?的错误)