vue项目中,scss引入字体文件报错,解决方法

首先说明,我已经配置全局引入index.scss文件,但是发现引入图标文件报错.
这是我引入图标的icon.scss文件:


引入字体的scss文件.png

在全局引入的index.scss文件中引进icon.scss:


在全局引入的scss文件中引入icon文件.png

报错信息:
报错信息.png

解决方法:将icon.scss改成icon.css, 并且在index.scsc里修改引进文件


解决方法.png

正常显示效果:


正常显示.png

导致问题的原因还没找到,如果知道原因的,麻烦告诉我一下,如果大家有其他解决方法的,也请与我分享一下,共同进步嘛,哈哈,谢谢

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容