Question

我正在尝试在rails 4.2.1应用程序上集成引导程序模板。当我检查某个元素以在浏览器的开发人员工具上看到它的css文件和行号时，它应该显示css文件和行号，如下所示： enter image description here

相反，它显示如下： enter image description here

我经历了这个问题，发现它正在生成额外的三个样式标签，如下所示： enter image description here

这是我的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.css

 *
 *= require_tree .
 *= require_self
 */

和application.js

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

所有css和js文件分别包含在stylesheets和javascripts个文件夹中

有谁知道这里有什么问题？

Answer 1

在<style> </style>标记内添加样式表时会发生这种情况。您可能在任何视图模板中添加了样式表。 enter image description here

它应该添加样式链接，如

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

调试rails app

1 个答案: