Rails 中的 Uikit 图标未显示
Uikit Icons in Rails not showing up
我决定在我的 Rails 6 项目中使用 UiKit，而且效果很好。但是，我就是无法让图标正常工作。我检查了一堆网络资源，但没有解决问题。
我正在使用
- Rails 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>
尼克斯。安静。没有。
我做错了什么？
看起来您只需要 UIkit 库而不将它分配给任何东西，因此如果您尝试使用它会抛出错误。
这对我有用：
const UIkit = require('uikit')
const Icons = require('uikit/dist/js/uikit-icons')
UIkit.use(Icons);
我决定在我的 Rails 6 项目中使用 UiKit，而且效果很好。但是，我就是无法让图标正常工作。我检查了一堆网络资源，但没有解决问题。
我正在使用 - Rails 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>
尼克斯。安静。没有。
我做错了什么？
看起来您只需要 UIkit 库而不将它分配给任何东西，因此如果您尝试使用它会抛出错误。
这对我有用：
const UIkit = require('uikit')
const Icons = require('uikit/dist/js/uikit-icons')
UIkit.use(Icons);