Настройка Vuetify в Rails? - PullRequest
       0

Настройка Vuetify в Rails?

0 голосов
/ 12 февраля 2020

Я использую 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, но безрезультатно.

У кого-нибудь есть идеи?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...