调试rails应用程序时未显示CSS文件和行号_Css_Ruby On Rails_Twitter Bootstrap_Developer Tools

调试rails应用程序时未显示CSS文件和行号

css ruby-on-rails twitter-bootstrap

调试rails应用程序时未显示CSS文件和行号,css,ruby-on-rails,twitter-bootstrap,developer-tools,Css,Ruby On Rails,Twitter Bootstrap,Developer Tools,我正在尝试在rails4.2.1应用程序上集成一个引导模板。当我在浏览器的开发者工具上查看某个元素的css文件和行号时，它应该显示css文件和行号，如下所示：相反，它显示了如下内容：我仔细检查了这个问题，发现它生成了额外的三个样式标记，如下所示：这是我的application.html.erb： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta n

我正在尝试在

rails4.2.1

应用程序上集成一个引导模板。当我在浏览器的开发者工具上查看某个元素的css文件和行号时，它应该显示css文件和行号，如下所示：

相反，它显示了如下内容：

我仔细检查了这个问题，发现它生成了额外的三个样式标记，如下所示：

这是我的

application.html.erb

：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
  <title>title</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
    <!--[if lt IE 9]>
        <script src="javascripts/html5shiv.js"></script>
        <script src="javascripts/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <%= yield %>
</body>
</html>

和

application.js

//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .

所有

css

和

js

文件分别包含在

样式表

和

javascripts

文件夹中

有人知道这里出了什么问题吗？

在

标记中添加样式表时会发生这种情况。您可能已经在任何视图模板中添加了样式表。

它应该添加样式链接，如

stylesheet_link_tag "style", media: "all"
# => <link href="/assets/style.css" media="all" rel="stylesheet" />

样式表\链接\标记“样式”，媒体：“全部”
# =>

你能发布你的layout、view和application.css文件吗？请参考更新的问题。你是否使用了其他与样式相关的gems？@Grammakov我只使用了默认gems。没有任何其他风格相关的宝石。您是否可以分享链接到您的页面，以获得更好的视角。

stylesheet_link_tag "style", media: "all"
# => <link href="/assets/style.css" media="all" rel="stylesheet" />