Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails Rails中的Uikit图标未显示_Ruby On Rails_Yarnpkg_Ruby On Rails 6_Getuikit - Fatal编程技术网

Ruby on rails Rails中的Uikit图标未显示

Ruby on rails Rails中的Uikit图标未显示,ruby-on-rails,yarnpkg,ruby-on-rails-6,getuikit,Ruby On Rails,Yarnpkg,Ruby On Rails 6,Getuikit,我已经决定在我的Rails6项目中使用UiKit,它非常有效。然而,我就是不能让图标工作。我检查了一堆网络资源,但没有任何解决问题的方法 我正在使用 -轨道6 -webpacker(标准w.Rails6) -纱线(标准w.Rails6) -jquery(用于自定义编码) 在我看来,我什么也不做,只是试图显示图标: <span uk-icon="heart">tests</span> <a href="" uk-icon="icon: heart">test&l

我已经决定在我的Rails6项目中使用UiKit,它非常有效。然而,我就是不能让图标工作。我检查了一堆网络资源,但没有任何解决问题的方法

我正在使用 -轨道6 -webpacker(标准w.Rails6) -纱线(标准w.Rails6) -jquery(用于自定义编码)

在我看来,我什么也不做,只是试图显示图标:

<span uk-icon="heart">tests</span>
<a href="" uk-icon="icon: heart">test</a>
My 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);

在这里仍然不知所措。救命啊!谢谢我决定从uikit切换到bootstrap。还不算太晚,引导对我来说只是简单了一点。谢谢你的回答。
const UIkit = require('uikit')
const Icons = require('uikit/dist/js/uikit-icons')

UIkit.use(Icons);