Vuetify: [Bug Report] Failed to resolve directive: ripple

Created on 14 Sep 2020  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.3.10
Vue Version: 2.6.12
Browsers: Chrome 85.0.4183.102
OS: Mac OS 10.15.6

Steps to reproduce

  • Use a v-data-table with the "show-select" enabled

Expected Behavior

No errors should be displayed

Actual Behavior

Vue displays a warning:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: ripple

Reproduction Link

https://gist.github.com/canassa/0688187cc157bd20d4a8c967c1157479

bug has workaround

Most helpful comment

The same issue. It comes from v-simple-checkbox, adding v-ripple or :ripple="false" to the v-simple-checkbox component solves these warning. But it should work from the box.

All 2 comments

The same issue. It comes from v-simple-checkbox, adding v-ripple or :ripple="false" to the v-simple-checkbox component solves these warning. But it should work from the box.

workaround:

// main.js
import Ripple from 'vuetify/lib/directives/ripple';
Vue.use(Vuetify, {
  directives: {
    Ripple,
  },
});
Was this page helpful?
0 / 5 - 0 ratings