Vuetify评分组件未呈现

Question

我正在尝试在我的应用（https://vuetifyjs.com/en/components/ratings#ratings）中使用Vuetify评分组件。我已经安装了Vuetify 1.5.5，其他组件（如按钮）也可以正常工作。在此评级中，不渲染星星，仅渲染文本。

关于如何解决此问题的任何想法？我没有在线找到任何相关帖子。如果有人可以推荐任何其他稳定的vue评级组件，那也可以。

这是我使用评分的组件：

 <div>
    <span class="headerText">Dataset Product</span>
    <span class="headerDesc">Short description</span>
    <span class="headerDesc">@georgeBush.</span>
    <v-rating v-model="rating"></v-rating>
 </div>

我的main.js文件具有可见的CSS导入：

import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

我还附上了渲染的屏幕截图。

Screenshot of rendered rating component, no stars

Answer 1

似乎您可能没有使用“材质图标”库。 https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons

当我从Codepen中删除错误时，我能够重现该错误。