vue-cli搭建的项目,引入iconfont报错,报错信息如下

发布于 2022-09-04 05:12:12 字数 414 浏览 14 评论 0

图片描述

图片描述
这是webpack ,应该没问题吧,我没动这里,直接用的

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

梦里泪两行 2022-09-11 05:12:12

我是直接引用阿里的iconfont解决方案的

@font-face {
  font-family: 'iconfont';  /* project id 246439 */
  src: url('http://at.alicdn.com/t/font_iqf2vm45m5wb3xr.eot');
  src: url('http://at.alicdn.com/t/font_iqf2vm45m5wb3xr.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_iqf2vm45m5wb3xr.woff') format('woff'),
  url('http://at.alicdn.com/t/font_iqf2vm45m5wb3xr.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_iqf2vm45m5wb3xr.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont";}
情绪失控 2022-09-11 05:12:12

文件路径找不到,查看引用路径,url('./'),注意:这里是一个点的路径

⒈起吃苦の倖褔 2022-09-11 05:12:12

所以楼主你最终是怎么解决的

jJeQQOZ5 2022-09-11 05:12:12

从iconfont下载下来,iconfont.css不需要修改,在main.js中import没问题
clipboard.png
目录:

clipboard.png

在app.vue中的style中 @import 这个文件会报错。

同样遇到了这个问题,请问你是怎么解决的呢

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文