Rails 中的 UIkit 图标未显示

Question

我决定在我的 Rails 6 项目中使用 UiKit，它的效果很好。但是，我就是无法让图标正常工作。我检查了一堆网络资源，但没有解决问题。

我正在使用 - 导轨 6 - webpacker（标准 w. Rails6） - 纱线（标准 w. Rails6） - jquery（用于自定义编码）

在我看来，我只是在尝试显示图标：

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

蟋蟀。什么都没有。

我用 Yarn 安装了 UiKit： $: 纱线列表 ...

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

我的 application.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 错误（同样，不使用 react。我使用的是 jquery）。

我什至添加了图标的 cdn url：

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

尼克斯。安静。什么都没有。

我做错了什么？

Answer 1

看起来您只需要 UIkit 库而不将其分配给任何东西，因此如果您尝试使用它会引发错误。

这对我有用：

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

UIkit.use(Icons);