html - Heroku - CSS 不在单个页面上加载，而是在其他任何地方加载

Question

提前抱歉，我知道有关于这个主题的话题，但这太让人抓狂了!如果这个问题不仅限于索引，我就不会那么沮丧。 CSS 在我的应用程序的所有页面上都能正常加载， post/index 页面除外。我应该注意到它在本地运行完美，从今天早上开始我就一直在反对这个问题，所以我可能忽略了一些平庸的东西并提前道歉。

gem 文件

gem 'rails_12factor', group: :production
gem 'pg', group: :production

生产.rb

config.cache_classes = true
config.serve_static_assets = true
config.assets.compile = true
config.assets.digest = true

运行以下命令不成功:

RAILS_ENV=production bundle exec rake assets:precompile
bundle exec rake assets:precompile

在 production.rb 中指定要预编译的 Assets 不成功

config.assets.precompile += %w( public.css public.js )   
config.assets.precompile += %w( assets/stylesheets )

还尝试将扩展名从 .css 更改为 .scss 并添加新的 custom.scss 并链接到它但没有成功。

链接到我的应用程序和相关页面: https://clickbait22.herokuapp.com/

链接到其 Github 存储库: https://github.com/4thking/clickbait

Answer 1

尝试运行...

heroku run bundle exec rake assets:precompile
heroku open

在生产环境中，您必须运行 rake assets:precompile 来为您的 app/assets 文件夹中的任何内容提供服务。在开发模式下，Rails 不断检查文件的更新并分别为每个文件提供服务。

它在开发时很好，但在生产中却很慢。因此，为了加快速度，Rails 让您运行一个更长的任务来缩小和组合应用程序/ Assets 中的一堆文件，从而加快页面加载时间并减少服务器负载。

希望对您有所帮助!

更新:

虽然您说您已尝试执行以下操作，但为了清楚起见，我还是想将其包括在内。在推送到 Heroku 之前预编译您的 Assets 通常很重要。在终端内部，这个过程看起来类似于这样......

rake assets:precompile
git commit -m 'Assets precompiled'
git push heroku master