在我刷新页面之前，Rails Polymer没有正确格式化CSS和Polymer元素

Question

首次加载页面时，我的聚合物元素（例如纸张输入）无法正确加载CSS。例如：

我必须每次刷新页面才能正确显示。这是页面应该是这样的：

这是该页面的代码：

  <%= form_for(resource, as: resource_name, url: session_path(resource_name), html: {id: "form"}) do |f| %>
    <paper-input-container alwaysFloatLabel="false">
      <label>Email</label>
      <%= f.email_field :email, autofocus: true, 'is':'iron-input' %>
    </paper-input-container>

    <paper-input-container alwaysFloatLabel="false">
      <label>Password</label>
      <%= f.password_field :password, autocomplete: "off", 'is':'iron-input' %>
    </paper-input-container>

    <% if devise_mapping.rememberable? -%>
      <paper-checkbox id="rememberme"></paper-checkbox>
      <%= f.check_box :remember_me, id: "rememberme", style: "display: none;" %>
      <%= f.label :remember_me %>
    <% end -%>
    <br><br>
    <paper-button id="submit">Log in</paper-button>
  <% end %>

  <hr>
  <%= render "devise/shared/links" %>

有没有办法让它第一次正确加载CSS？或者这个问题只出现在开发上吗？

Answer 1

似乎turbolinks gem正在引发这些问题。删除turbolinks解决了这个问题。