AngularJs - Ruby on Rails - Bootstrap - 在 Heroku 上不显示字形图标

Question

寻找类似问题一段时间后，我找不到解决方案。其中大部分是针对“仅 Ruby 和 Heroku”类型的错误。

但在这里我使用 AngularJS 来导入我所有的 css 和 js 文件（包括 Bootstrap）。问题是，当本地像魅力一样工作时，我无法在 Heroku 上可视化我的字形图标。

我在 production.rb 中尝试过

config.assets.compile = true

还要预编译我的资产并推送：

$ rake assets:precompile RAILS_ENV=production

没用。

我还能做什么？

我的应用程序.css

 *= require bootstrap/dist/css/bootstrap
 *= require_tree .
 *= require_self
 *= require angular-material/angular-material
 *= require font-awesome/css/font-awesome
 *= require bootstrap-social/bootstrap-social
 *= require bootstrap-datepicker3

谢谢。

Answer 1

在过去的几天里，我遇到了类似的图标问题。您能否发布 2 张图片，其中一张将您的 Chrome/Mozilla 开发人员控制台可视化，重点关注未可视化的图标的 css 和 html。这应该用于生产和开发。基本上我的问题出在资产管道上。 1.asset-url方法不起作用... 2. 图标基于单独的 CSS 样式表。此 CSS 样式表是使用 @import 从资产管道中的样式表导入的。无论如何，您会注意到不同之处。把图片贴出来，可能会有帮助。

我想说的是，您应该关注生产中的指纹应用程序-fingerprint.css 文件和开发中的文件之间的区别。可能是您没有从 application.css 加载开发中的 css，而是从其他文件加载，那么该文件在生产中不可用。

另外我不使用 require_tree

您可以在以下链接阅读我的帖子，并且在 stackoverflow 上有很多关于资产管道的帖子，但最好只是互动和评论我，以便我可以尝试帮助您。

Javascript does not work from a bootstrap template in rails

Rails 5 problems with multiple manifest files