Я использую Vue 2.6.10 и Vuetify 2.2.12 в своем приложении Rails, но у меня возникают проблемы с правильной установкой Vuetify.
Я получаю следующие ошибки:
[Vuetify] Multiple instances of Vue detected
Error: "Vuetify is not properly initialized, see https://vuetifyjs.com/getting-started/quick-start#bootstrapping-the-vuetify-object"
[Vue warn]: Error in render: "TypeError: this.$vuetify is undefined"
Вот моя панель. js file:
import Vuex from 'vuex'
import Dashboard from '../../assist/dashboard.vue'
import VueResource from 'vue-resource'
import TurbolinksAdapter from 'vue-turbolinks'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
Vue.use(Vuex)
Vue.use(TurbolinksAdapter)
Vue.use(VueResource)
Vue.use(Vuetify)
window.store = new Vuex.Store({
state: {
organization: {},
},
mutations: {
}
})
document.addEventListener("turbolinks:load", function() {
Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="csrf-token"]').getAttribute('content')
var element = document.querySelector("#assistdashboard")
if (element != undefined) {
const app = new Vue({
el: element,
store: window.store,
template: "<Dashboard />",
components: { Dashboard }
})
}
})
И мой макет. vue file:
<template>
<v-app id="dashboard-layout">
...
</v-app>
</template>
Я пытался добавить vuewtify: new Vuetify(vuetifyOptions)
в моей Vue инициализации в dashboard.js
, но это ничего не изменило. Я также попытался переустановить Vue и Vuetify, но безрезультатно.
У кого-нибудь есть идеи?