[Vuejs]-Error with vue – breakpoint not found, mismatch in versions?

by

0👍

The $vuetify object should still be injected (or already, considering that it seems to be v1):

new Vue({
  el: '#app',
  data(){
    return {
      vueVersion: Vue.version,
      vuetifyVersion: Vuetify.version
    }
  },
})
<link href="https://cdn.jsdelivr.net/npm/vuetify@1.2.1/dist/vuetify.min.css" rel="stylesheet">

  <div id="app">
    <v-app>
      <div>Vue version: {{vueVersion}}</div>
      <div>Vuetify version: {{vuetifyVersion}}</div>
      <div>$vuetify.breakpoint: {{$vuetify.breakpoint}}</div>
    </v-app>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vuetify@1.2.1/dist/vuetify.js"></script>

Make sure that Vuetify is loaded at all, if it isn’t, accessing the $vuetify property is probably one of the earliest errors you would get.

Leave a comment