Проблема с комплектацией компонента vuetify с использованием vuecli3 - PullRequest
Новая
       22

Проблема с комплектацией компонента vuetify с использованием vuecli3

0 голосов
/ 20 марта 2019

Я пытаюсь создать общую библиотеку пользовательского интерфейса на основе vuetify.Я создал универсальную кнопку vuetify и попытался связать ее, используя vue-clie3.Затем я импортирую пакет в другой проект.Моя проблема в том, что новый

создал новую кнопку в gBtn.vue: 

  <template>
      <v-container grid-list-xl fill-height>
        <v-layout column>
          <v-flex xs2>
            <div>Hello</div>
              <v-btn color="success">Success</v-btn>
          </v-flex>
        </v-layout>
      </v-container>
    </template>

И на index.js: 

import gBtn from './components/Forms/gBtn.vue'; // import vue file

const Components = {
  gBtn
};

export default Components;
export {
  gBtn
};

И затем я запускаю этукоманда с использованием vue-cli3: 

vue-cli-service build --target lib --name ui-core ./src/index.js

npm link

В целевой проект я импортирую кнопку: 

<template>
  <gBtn></gBtn>
</template>

<script>
import { gBtn } from 'ui-core';

export default {
  name: 'create-market',
  components: {
    gBtn,
  },
};
</script>

Результат: 

<div class="container fluid pa-0 ma-0">
  <div data-v-6f7ae281="" class="container grid-list-xl fill-height">
    <div class="layout column">
      <div class="flex xs2"><div>Hello</div>
      </div>
    </div>
  </div>
</div>

Как видите,Кнопка Vuetify отсутствует.

Кто-нибудь испытывал это раньше?

...