css没有加载到轨道上答案

【问题标题】：css not loading on railscss没有加载到轨道上
【发布时间】：2016-12-21 09:59:58
【问题描述】：

大家好，Rails 新手，我正在使用它，但我无法加载 CSS。我在窗户上

这是我的 application.css 文件

*= require_tree .
*= require_self


body {
  background-color: blue;
}

application.html.erb 文件

<!DOCTYPE html>
<html>
  <head>
    <title>Blog</title>
    <%= stylesheet_link_tag    'default', media: 'all', 'data-turbolinks-track' =>      true %>
    <%= javascript_include_tag 'default', 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

【问题讨论】：

您可以在 chrome 中检查检查器面板并单击网络选项卡以查找出错的请求吗？我认为您的 css 文件无法公开访问以供浏览器检索
您在浏览器控制台或 Rails 服务器中是否遇到任何错误？
你有一个随机关闭
，yield下没有打开div

@brad 我在 application.html.erb 文件中遇到错误，所以我不得不将“应用程序”更改为“默认”并修复了错误，但不幸的是 css 没有加载

@num8er 我认为你可能是对的我在 css 上获得了 404 状态，我认为这是因为我将它链接到“默认”而不是“应用程序”但我必须这样做让rails在windows上工作

标签： html css ruby-on-rails ruby

【解决方案1】：

您的 application.html.erb 未命中标签正文。只有关闭</body>没有打开

stylesheet_link_tag 'default' 和 javascript_include_tag 'default' 你错了。将default 更改为application

示例：

<!DOCTYPE html>
<html>
<head>
  <title>Sample</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

顺便说一句，在你的body 上，你有一个关闭的div 而没有打开

【讨论】：

嘿，我添加了开始正文标签，但仍然无法正常工作
啊，<%= stylesheet_link_tag 'default'你错了。我更新我的答案
由于出错，我不得不更改为默认值，请参阅stackoverflow.com/questions/28421547/…
关于上面的错误。我看到很多方法可以在不将application 更改为default 的情况下解决它。喜欢this。但我建议你应该在 linux 或 mac 或 c9io 上开发 rails
是啊rails在windows上好像有很多错误，我想我可能会用linux

【解决方案2】：

我猜是 turbolinks 无法处理 css 导致 rails 崩溃的问题。

替换：

*= require_tree .
*= require_self

到：

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

并还原：

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>

【讨论】：

不幸的是，当我尝试这个时，我在 Posts#index 错误中得到一个 ExecJS::ProgramError
@Carl ExecJS::ProgramError ?您可以截屏或在某处放置完整的错误吗？