Ошибки при попытке использовать getuikit с vuejs - PullRequest
Новая
       44

Ошибки при попытке использовать getuikit с vuejs

0 голосов
/ 12 июня 2019

Я пытаюсь заставить CSS-фреймворк UIkit работать с приложением на основе VueJS.Я включил фреймворк с пряжей, и стилизация работает отлично.

Однако всякий раз, когда я пытаюсь программно вызвать любой из компонентов UIkit, я получаю сообщение об ошибке UIkit is not defined.

Вот выдержкииз файлов моего приложения:

main.js 

    import Vue from "vue";
    import App from "./App.vue";
    import router from "./router";

    import UIkit from 'uikit';
    import Icons from 'uikit/dist/js/uikit-icons';

    UIkit.use(Icons);

    new Vue({
      router,
      render: h => h(App)
    }).$mount("#app");

App.vue (это только что добавлено в конец файла,без этого стиль не будет работать) 

<style lang="less">
  @import "../node_modules/uikit/src/less/uikit.theme.less";
</style>

И пример проблемы, вызывающей код - в этом случае попытка открыть модальное окно: 

UIkit.modal('#mod-department-edit').show();

.будь я просто включил фреймворк uikit с помощью тегов &, либо с помощью локальных файлов, либо с помощью cdn, все это прекрасно работает.

Так что я явно чего-то упускаю.Есть идеи, что это может быть?

...