css - 无法在 Rails 应用程序中包含外部样式表

Question

我的 assets/stylesheets 目录和我正在使用的 html 中有 style.css 文件 <%= stylesheet_link_tag "/stylesheets/style.css" %> .我尝试检查元素来检查它，但未包含 css 文件。

Answer 1

您的问题具有 Rails Assets 管道问题的特点

1. 你有类似这样的 application.css.erb 吗？它是默认创建的，用作 rails 中 Assets 管道的 CSS 方面的支柱。

/* ...
*= require_self
*= require_tree .
*/

1. 使用 Assets 管道意味着像“/stylesheets/style.css”这样的调用在生产中永远不会有效，应该避免在代码中使用。

如果您在生产中看到这个问题，您是否利用您的 Assets 来构建指纹文件名？

倾斜的文件名被破坏为类似:/assets/style-4dd5b109ee3439da54f5bdfd78a80473.css，因此您可以看到为什么使用文件名“style.css”不起作用。

# Rake assets for production
$bundle exec rake assets:precompile RAILS_ENV=production

调试

对我而言，第 1 步是确保您的管道设置为提供 CSS 资源。在此之前，您的 CSS 将被破坏。我会要求您首先检查 application.css.erb，以确保您的应用程序在管道中包含您的 CSS 树。然后运行生产 rake，这将告诉您 CSS Assets 发生了什么。如果您将输出发布到您的问题，那么我们可以看到您的应用中包含了哪些 CSS(如果有的话)。

任何开发 Rails 应用程序的人都需要阅读 Asset Pipeline guide