Laravel Vuetify图标不显示。它交替显示一个空框

我在laravel框架上开发了一个SNS应用程序，比如Twitter或Instagram。我将Vue.js和Vuetify添加到我的项目中。当我使用v形图标时，它不会显示，但也可以显示空框，如下所示

镀铬：

在Firefox中：

这是什么？这是我的密码

app.js 需要“/引导”； window.Vue=需要“Vue”； 从“Vuetify”导入Vuetify； 导入“vuetify/dist/vuetify.min.css”； Vue.useVuetify； 导入“@mdi/font/css/materialdesignics.css”； const app=新的Vue{ el:“应用程序”， vuetify：新的vuetify， 图标：{ ICont:“mdi” } }; home.blade.php 家 home-view.vue //有些部分被省略了。 ~~~~~~ 偶像： 心脏 ~~~~~~ ~~~~~~~ > 他们怎么了？老实说，我已经面对这件事差不多一个星期了。

---

我尝试了一些东西，但有时它甚至没有显示任何东西，或者有时出现了另一个问题。我只想知道如何正确显示材质设计图标。有人知道这个问题的原因或解决方案吗？谢谢。

现在字体太大了，我们不建议在前端项目中使用它。它会给数据计划有限的移动用户带来问题，并大大降低了首次绘制的时间

我们建议您使用该软件包并呈现SVG图标

告诉vuetify您想使用@mdi/js：

导出默认的新Vuetify{ 图标：{ iconfont:'mdiSvg'， }, } 然后仅导入所需的图标：

{{svgPath}} 从'@mdi/js'导入{mdiAccount} 导出默认值{ 数据：=>{ svgPath:mdi帐户 }, }

---

获取有关

的更多信息现在字体太大了，我们不建议在前端项目中使用它。它会给数据计划有限的移动用户带来问题，并大大降低了首次绘制的时间

我们建议您使用该软件包并呈现SVG图标

告诉vuetify您想使用@mdi/js：

导出默认的新Vuetify{ 图标：{ iconfont:'mdiSvg'， }, } 然后仅导入所需的图标：

{{svgPath}} 从'@mdi/js'导入{mdiAccount} 导出默认值{ 数据：=>{ svgPath:mdi帐户 }, }

---

获取有关

的更多信息当我将这些部分添加到home.blade.php时，它似乎很好。``但是仍然不确定如何在没有cdn资源的情况下使用图标。当我将这些部分添加到home.blade.php时，它似乎很好。``但是仍然不确定如何在没有cdn资源的情况下使用图标。很抱歉，我没有立即注意到，但我感谢你的具体建议。我正在做一个新项目，所以我不能很快尝试，但如果成功的话，我想稍后报告结果。谢谢。很抱歉我没有立即注意到，但我感谢你的具体建议。我正在做一个新项目，所以我不能很快尝试，但如果成功的话，我想稍后报告结果。谢谢