Ruby on RailsでFOUCを削除するにはどうすればよいですか？

Question

私は（https://notes-noted.herokuapp.com）で私のアプリの周りをナビゲートするとき私はunstyled CSSの点滅を参照してください。私は、アプリケーションファイルの先頭にあるスタイルシートにリンクしています。私の頭のセクションは次のようになります：

!!! 
%html 
%head 
%title Noted | Online Notebook Application 
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks- track' => true 
= javascript_include_tag 'application', 'data-turbolinks-track' => true 
%link{:rel => "stylesheet", :href => "//opensource.keycdn.com/fontawesome/4.6.1/font-awesome.min.css"}/ 
= csrf_meta_tags 
%style 
    type="text/css" 
    .fouc { display:none; } 
%script 
    type="text/javascript" 
    try { 
    var html=document.getElementByName("html"); 
    document.addEventListener("DOMContentLoaded", function(event) { html.class=""; }); 
    html.class="fouc"; 
    } 
    catch() { 
    } 

私はここで試したコーディング以外の解決策を誰にでもおすすめできますか？

Answer 1

HAMLにエラーがあります。あなたはスタイルとjを間違ってレンダリングしています。

%style 
    type="text/css" 
    .fouc { display:none; } 
%script 
    type="text/javascript" 

これは次のようになります。タイプミスであればわからない

:css 
    .fouc { display:none; } 
:javascript 
    try { 
     var html=document.getElementByName("html"); 
     document.addEventListener("DOMContentLoaded", function(event) { html.class=""; }); 
     html.class="fouc"; 
    } catch() {}