vue.js - 验证 : v-ripple can only be used on block-level elements

Question

我今天才开始收到这个错误，它破坏了我的整个网站(因为我像个傻瓜一样在页面加载时加载 Vuetify)。

有谁知道这意味着什么或如何解决它？谷歌搜索没有发现任何有用的信息。

编辑:

对于任何因为他们的站点也已损坏而发现此问题的人，这可能是因为您从何处加载 vuetify.min.css。对我来说，我是这样加载页面的:

<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">

并通过从已安装的包中导入它来解决问题

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

在 app.js 中。

不过，我仍然有兴趣了解这个 v-ripple 业务。

Answer 1

我遇到了同样的问题，我通过安装解决了

material-design-icons-iconfont

运行以下命令进行安装:

npm install material-design-icons-iconfont

或者，如果你从 yarn 运行，那么:

yarn add material-design-icons-iconfont

现在在 main.js 文件中导入:

import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

您可以阅读 vuetify 文档以获取更多信息: Vuetify Documentation