css - UI 不同——图标未显示——在部署中

标签 css ruby-on-rails heroku

在我的 Rails 应用程序中,图标未在部署中显示。不仅仅是图标没有显示。当我在开发中从我的应用程序中排除图标时,只有图标丢失了。在部署中,图标应该是通过单击相关图标会出现的弹出框。在菜单中,当我排除图标时,应该在最右边的元素最左边,在其他元素下面,弄乱了整个用户界面。有什么事发生了,我不知道那是什么。

我正在使用 UIKit。我已经在 asset/stylesheet 和 asset/javascript 中下载并添加了它的 CSS、JS 和图标文件。

因为图标在开发中不能只用这种排列方式工作,所以我在头部包含:

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

然后图标显示在开发中。

我不太确定有什么不同。我跑了

$bundle exec rake assets:precompile RAILS_ENV=production

但这并没有帮助。

我还尝试下载图标文件夹并将其放在我的 Assets /图像中并从标题中调用它。它没有用。

最佳答案

所以解决方案是为 javascript 添加 CDN 链接 (UIKit)。现在图标正在显示,并且在生产中运行良好。

但是为什么简单地将 JS、CSS 和 icon.js 文件放入 Assets 中在生产中不起作用,但在开发中却工作得很好?虽然,我应该提到 icon.js 文件不工作,我不得不在标题中为它添加一个 CDN 链接。

非常感谢您的回答。

关于css - UI 不同——图标未显示——在部署中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57564946/

相关文章:

css - <audio>与<track>的字幕,如何显示字幕

css - 边缘浏览器菜单项悬停故障

ruby-on-rails - ruby on Rails 中的 after_save 错误

ssl - 如何在 Heroku 上部署安全的 (HTTPS) Meteor 应用程序?

gradle - 从Procfile调用Gradlew

css - 单击时未正确应用 Angularjs 按钮 ngClass

css - 在 React 中以编程方式分配 css 类

ruby-on-rails - M1 MBP Rails db :create is throwing an error for msgpack

ruby-on-rails - ROR 中的路由错误

python - Heroku 上的全文搜索、数据库和/或索引器选择?