разработать пользовательский компонент для публикации в npm, используя внешнюю среду пользовательского интерфейса, такую ​​как quasar - PullRequest
Новая
       8

разработать пользовательский компонент для публикации в npm, используя внешнюю среду пользовательского интерфейса, такую ​​как quasar

0 голосов
/ 23 октября 2019

Я разработал библиотеку vue и связал ее, используя vue-cli-service. Я могу использовать обычный компонент и CSS, примененный к нему с помощью кода ниже 

import HelloWorld from './HelloWorld'
import './quasar'
import {installQuasar} from "./quasar";


const install = (Vue, options) => {
    installQuasar(Vue);
    // Let's register our component globally
    // https://vuejs.org/v2/guide/components-registration.html
    Vue.component("nice-handsome-button", NiceHandsomeButton);
    Vue.component("hello-world", HelloWorld);
};

// auto install
if (typeof window !== 'undefined' && window.Vue) {
    install(window.Vue)
}

export default {install};

Я могу сделать это как 

import NiceHandsomeButton  from 'nice-handsome-button'

Vue.use(NiceHandsomeButton);

Но я не могу использовать любой компонент квазарачто я зарегистрировал 

quasar.js


import './styles/quasar.styl'
import '@quasar/extras/material-icons/material-icons.css'
import '@quasar/extras/fontawesome-v5/fontawesome-v5.css'
import '@quasar/extras/ionicons-v4/ionicons-v4.css'

import {
    Quasar,
    QLayout,
    QHeader,
    QDrawer,
    QPageContainer,
    QPage,
    QToolbar,
    QToolbarTitle,
    QBtn,
    QIcon,
    QList,
    QItem,
    QItemSection,
    QItemLabel,
} from 'quasar'

export function installQuasar(Vue){
    Vue.use(Quasar, {
        config: {},
        components: {
            QLayout,
            QHeader,
            QDrawer,
            QPageContainer,
            QPage,
            QToolbar,
            QToolbarTitle,
            QBtn,
            QIcon,
            QList,
            QItem,
            QItemSection,
            QItemLabel,
        },
        directives: {},
        plugins: {}
    });
}

Я получаю сообщение об ошибке, говорящее, что

Ошибка при рендеринге: «Ошибка типа: Невозможно прочитать свойство« платформа »неопределенного» * ​​1013 *

Пожалуйста, помогите мне в использовании любой сторонней среды пользовательского интерфейса в пакете NPM

...