Ошибки Vuetify при загрузке сгенерированного Vue веб-компонента в хост / родитель, который также является приложением Vue - PullRequest
0 голосов
/ 22 апреля 2019

У меня есть созданный Vue Cli 3 веб-компонент / пользовательский элемент, который использует Vuetify. У меня есть родительское / хостовое приложение Vue, которое также использует Vuetify. Когда пользовательский элемент загружается в приложение хоста, я получаю кучу ошибок типа, как показано на скриншоте. например Ошибка типа: не удается прочитать свойство темы из неопределенного.

Похоже, это проблема Vuetify. Какова правильная архитектура для использования Vuetify в пользовательском элементе Vue CLi и в его хост-приложении?

В настоящее время у меня есть родительский тег Vue.js для использования в пользовательском элементе. И Vue импортируется в приложение Vue, как обычно. Сценарий тег существует только потому, что пользовательский элемент требует этого. Я включил Vuetify в обоих. Веб-компонент использует плагин vuetify. И хозяин тоже.

Веб-компонент прекрасно работает сам по себе, как и хост-приложение. Итак, по-видимому, есть конфликты.

Спасибо! Донни

enter image description here

1 Ответ

0 голосов
/ 24 апреля 2019

Решил это сам.Короче говоря, вы не можете использовать плагин Vuetify и al-a-cart.Это работает, только если вы включили полное Vue и Vuetify в веб-компонент.Не оптимально, но по крайней мере это обходной путь для этой ошибки Vuetify.

import Vue from "vue";
import Vuetify from "vuetify";
Vue.use(Vuetify);
// import { VApp,VToolbar,VToolbarTitle,VSpacer,VContainer,VLayout,VFlex,VCard,VCardTitle,VCardActions,VBtn,VDivider } from 'vuetify/lib';
export default {
  /* components:{
      VApp,VToolbar,VToolbarTitle,VSpacer,VContainer,VLayout,VFlex,VCard,VCardTitle,VCardActions,VBtn,VDivider
    }  */
}
...