How to fix the ‘Error: Vuetify is not properly initialized.’ error with Vue.js?

Sometimes, we want to fix the ‘Error: Vuetify is not properly initialized.’ error with Vue.js.

In this article, we’ll look at how to fix the ‘Error: Vuetify is not properly initialized.’ error with Vue.js.

How to fix the ‘Error: Vuetify is not properly initialized.’ error with Vue.js?

To fix the ‘Error: Vuetify is not properly initialized.’ error with Vue.js, we should call Vue.use with Vuetify and add the vuetify property to the object that we create the Vue instance with.

For instance, we write

import Vue from "vue";
import Vuetify from "vuetify";
Vue.use(Vuetify);

new Vue({
  vuetify: new Vuetify(),
  //...
});

to add the Vuetify plugin with

Vue.use(Vuetify);

Then we set the vuetify property to a new Vuetify instance with

vuetify: new Vuetify()

How to fix the ‘Error: Vuetify is not properly initialized.’ error with Vue.js?

Conclusion