Vuetify: A-La-Carte error: [Vue warn]: Failed to resolve directive: touch (found in <VTabsItems>)

Created on 12 Oct 2017 · 5Comments · Source: vuetifyjs/vuetify

Steps to reproduce

I switched from 'standard' vuetify to 'a la carte'. Now when using tabs i get the following error:

[Vue warn]: Failed to resolve directive: touch

(found in <VTabsItems>)
warn @ vue.runtime.esm.js?ff9b:472
resolveAsset @ vue.runtime.esm.js?ff9b:1417
normalizeDirectives$1 @ vue.runtime.esm.js?ff9b:5838
_update @ vue.runtime.esm.js?ff9b:5765
updateDirectives @ vue.runtime.esm.js?ff9b:5757
invokeCreateHooks @ vue.runtime.esm.js?ff9b:5295
createElm @ vue.runtime.esm.js?ff9b:5186
patch @ vue.runtime.esm.js?ff9b:5657
Vue._update @ vue.runtime.esm.js?ff9b:2446
updateComponent @ vue.runtime.esm.js?ff9b:2570
get @ vue.runtime.esm.js?ff9b:2913
Watcher @ vue.runtime.esm.js?ff9b:2902
mountComponent @ vue.runtime.esm.js?ff9b:2574
Vue$3.$mount @ vue.runtime.esm.js?ff9b:7515
init @ vue.runtime.esm.js?ff9b:3559
createComponent @ vue.runtime.esm.js?ff9b:5208
createElm @ vue.runtime.esm.js?ff9b:5151
createChildren @ vue.runtime.esm.js?ff9b:5279
createElm @ vue.runtime.esm.js?ff9b:5184
patch @ vue.runtime.esm.js?ff9b:5657
Vue._update @ vue.runtime.esm.js?ff9b:2446
updateComponent @ vue.runtime.esm.js?ff9b:2570
get @ vue.runtime.esm.js?ff9b:2913
Watcher @ vue.runtime.esm.js?ff9b:2902
mountComponent @ vue.runtime.esm.js?ff9b:2574
Vue$3.$mount @ vue.runtime.esm.js?ff9b:7515
init @ vue.runtime.esm.js?ff9b:3559
--- snipped ---

Versions

Latest Vue and Vuetify

Reproduction Link

Sorry, it is a la carte

bug

Source

BennyAlex

Most helpful comment

He fixed it in commit 9b6b0fd. It will be available next release.

A temporary workaround is to do the following

```
import * as directives from 'vuetify/es5/directives'

Vue.use(Vuetify, {
components: { your components },
directives
})

nekosaur on 12 Oct 2017

🎉3

All 5 comments

@KaelWD
Can you please explain me why you closed this?

BennyAlex on 12 Oct 2017

He fixed it in commit 9b6b0fd. It will be available next release.

A temporary workaround is to do the following

```
import * as directives from 'vuetify/es5/directives'

Vue.use(Vuetify, {
components: { your components },
directives
})

nekosaur on 12 Oct 2017

🎉3

I think @KaelWD means this:

import Touch from 'vuetify/es5/directives/touch'

Vue.use(Vuetify, {
  components: {
    your components
  },
  theme: {
    your theme color definitions
  },
  directives: {
    Touch
  }
})

This way you don't have to import all directives, just the ones you use.

MartonEstok on 3 Jun 2018

😕2 👍2

Im getting this error and nothing about this solutions solved this warn....

segux on 13 Dec 2018

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression or reach out to us in our Discord community.

Thank you for your contribution and interest in improving Vuetify.