All geek questions in one place

CSS file and line number not showing when debugging rails

I am trying to integrate a bootstrap template into an application rails 4.2.1. When I check some element to see its css file and line number in the browser developer tool, it should show the css file and line number, as shown below: enter image description here

Instead, it shows something like below: enter image description here

I reviewed the problem and found that it generates an additional three styles, as shown below: enter image description here

Here's mine 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>

and application.css

 *
 *= require_tree .
 *= require_self
 */

and application.js

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

All cssand jsfiles are included in folders stylesheetsand javascriptsaccordingly

Does anyone know what's wrong here?

+4
source share
1 answer

, <style> </style>. , . enter image description here

,

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

Source: https://habr.com/ru/post/1598186/

More articles:


All Articles