[Vuejs]-Vuetify elements do not appear perfectly on netlify after deployment

by

0👍

You are able to use any library with netlify. When you use $ vue add vuetify to add the dependency, everything should be fine. If you did install it otherwise, make sure to check the following things.

Vuetify is under dependencies in your package.json.

"dependencies": {
  "core-js": "^3.4.3",
  "vue": "^2.6.10",
  "vuetify": "^2.1.0"
}

You correclty include it in your main.js

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  vuetify,
  render: h => h(App)
}).$mount('#app')

vuetify plugin (src/plugins/vuetify.js)

import Vue from 'vue';
import Vuetify from 'vuetify/lib';

Vue.use(Vuetify);

export default new Vuetify({});

You have a vue.config.js

module.exports = {
  "transpileDependencies": [
    "vuetify"
  ]
}

Leave a comment