Значки Uikit в Rails не отображаются - PullRequest
1 голос
/ 20 апреля 2020

Я решил использовать UiKit в своем проекте Rails 6, и он прекрасно работает. Тем не менее, я просто не могу заставить работать иконки. Я проверил несколько веб-ресурсов, но ничего не решает проблему.

Я использую - Rails 6 - веб-упаковщик (стандарт w. Rails6) - пряжа (стандарт w. Rails6) - jquery (для пользовательского кодирования )

На мой взгляд, я ничего не делаю, но пытаюсь показать значок:

<span uk-icon="heart">tests</span>
<a href="" uk-icon="icon: heart">test</a>

Сверчки. Ничего .

У меня UiKit установлен с Yarn: $: список пряжи ...

├─ uikit-icons@0.5.0
│  ├─ @types/react@^16.9.11
│  └─ react@^16.11.0
├─ uikit@3.4.1

Мое приложение. js выглядит так:

require("@rails/ujs").start()
require("turbolinks").start()
require("channels")
require("jquery")
require("uikit")
require("uikit/dist/js/uikit-icons")

Это не выдает ошибку. Я попробовал следующее:

require("uikit-icons")

, и это привело к ошибке компиляции webpacker и сообщению об ошибке в консоли js:

Uncaught Error: Cannot find module 'uikit-icons'

Я попытался добавить

// loads the Icon plugin
UIkit.use(Icons);

, что приводит к ошибке JS (опять же, не использую реагировать. Я использую jquery).

Я даже добавил URL-адрес cdn для иконок:

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/js/uikit-icons.min.js"></script>

Nix. Silence. Ничего.

Что я делаю не так?

1 Ответ

0 голосов
/ 28 апреля 2020

Похоже, что вам требуется только, чтобы библиотека UIkit никому ее не назначала, поэтому она выдает ошибку, если вы пытаетесь ее использовать.

Это сработало для меня:

const UIkit = require('uikit')
const Icons = require('uikit/dist/js/uikit-icons')

UIkit.use(Icons);
...