Vue 项目webpack打包图标不显示

发布于 2022-09-04 10:02:45 字数 538 浏览 8 评论 0

有遇到类似问题的嘛 求大神解答下 非常感谢
Vue+element项目 webpack打包后 放服务器访问时 项目中的图标都缺失不显示
界面
clipboard.png

报错
clipboard.png
webpack配置代码

clipboard.png

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

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

发布评论

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

评论(8

沦落红尘 2022-09-11 10:02:45

解决方案:
1、使用webpack打包vue项目,使用font-awsome字体,发现打包之后,font-awsome图标不显示,报错为路径不对
2、build > webpack.base.conf.js 里面loader的设置
图片描述

3、limit值要设置为大一点,至少要比字体文件大

牵你的手,一向走下去 2022-09-11 10:02:45

我已经解决了, 就是不知道对你有没有帮助, 就是把build 打包好的 img 和 font 目录都放置到css 的目录下!
然后用android studio 就可以正常使用了!

回忆追雨的时光 2022-09-11 10:02:45

去修改css中的字体路径。

薄荷港 2022-09-11 10:02:45

以前也有过这个问题,因为没在组建中import图片

椵侞 2022-09-11 10:02:45

您好,请教您点问题,就是使用cordova打包vue程序时的图标不显示问题,您是怎么解决的

菊凝晚露 2022-09-11 10:02:45

这个问题解决了吗

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