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

图片描述

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

图片描述

阅读 8.9k
5 个回答

我是直接引用阿里的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";}

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

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

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

clipboard.png

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题