Vutify:V-涟漪只能在块级元素上使用

2022-06-28 00:00:00 vue.js vuetify.js

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

有人知道这意味着什么或如何修复它吗?四处搜索也没有发现任何有用的信息。

编辑:

对于因为他们的网站也已损坏而发现此内容的任何人来说,这可能是因为您加载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业务。


解决方案

我遇到了同样的问题,我通过安装

解决了

材料-设计-图标-图标

运行以下命令进行安装:

npm install material-design-icons-iconfont

或者,如果您正在运行纱线,则:

yarn add material-design-icons-iconfont

现在导入main.js文件:

import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
有关详细信息,请阅读vutify文档: Vuetify Documentation

相关文章