在Heroku中加载页面时CSS会出现问题

时间:2016-07-20 12:27:52

标签: css ruby-on-rails heroku

每次我在Heroku上部署的rails应用程序中打开链接时,它会在返回普通视图之前显示完全没有CSS的被访问页面。有时它会变得很蠢,并且在无CSS和CSS视图之间不断变化。这种情况就像访问链接的前1-2秒一样,对于我在应用程序中访问的每个链接都会发生这种情况。但是,一切看起来都很好。以下是application.html.hamlapplication.css.scss的摘录,以防它们有用:

application.html.haml

%head
  %title
  %meta{:content => "IE=edge", "http-equiv" => "X-UA-Compatible"}/
  = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
  = javascript_include_tag 'application', 'data-turbolinks-track' => true, 'data-turbolinks-eval': false
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  = csrf_meta_tags
  %meta{:content => "width=device-width, initial-scale=1", :name => "viewport"}/ 

application.css.scss

/*
*= require_self
*= require_tree .
*= require 'masonry/transitions'
*= require font-awesome
*= require jasny-bootstrap.min
*/
// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"
@import "bootstrap-sprockets";
@import "bootstrap";

0 个答案:

没有答案