A imagem do Rails desaparece com erro: falha ao carregar o recurso: net :: ERR_CONTENT_LENGTH_MISMATCH

Question

Mar 12, 2014, 05:12 AM

ruby-on-rails-4 asset-pipeline ruby-on-rails

A imagem do Rails desaparece com erro: falha ao carregar o recurso: net :: ERR_CONTENT_LENGTH_MISMATCH

Essencialmente, meu problema é que uma página carrega bem e parece normal. Após cerca de 30 segundos, desaparece repentinamente.

Aqui está o log do servidor antes do erro (como carregar a página):

Started GET "/" for 127.0.0.1 at 2014-03-11 23:53:30 -0400
Processing by PagesController#home as HTML
  Rendered pages/home.html.erb within layouts/application (0.7ms)
  Rendered layouts/_head.erb (3.3ms)
  Rendered layouts/_header.erb (0.9ms)
  Rendered layouts/_footer.erb (0.2ms)
Completed 200 OK in 11ms (Views: 10.5ms)

Started GET "/assets/favicon.ico" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

Started GET "/assets/application.css?body=1" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

Started GET "/assets/home.css?body=1" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

Started GET "/assets/taylor.jpg" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

Started GET "/assets/wide.jpg" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

Started GET "/assets/enchanted_large.png" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

Started GET "/assets/sad.jpg" for 127.0.0.1 at 2014-03-11 23:53:30 -0400

E, de repente, a imagem desaparece com o erro do cliente (visto no console de desenvolvimento do Chrome):

Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
  http://localhost:3000/assets/taylor.jpg

E a única adição ao log é:

Started GET "/assets/favicon.ico" for 127.0.0.1 at 2014-03-11 23:54:00 -0400

Durante os 30 segundos com boa aparência, o chrome tem um símbolo de carregamento onde o favicon vai

Meu html é bastante simples neste momento:

<div class="home-images">
  <%= image_tag "taylor.jpg", class: "home-image" %>
  <%= image_tag "wide.jpg", class: "home-image hide" %>
  <%= image_tag "sad.jpg", class: "home-image hide" %>
</div>

Eu até peguei meu javascript completamente. Eu tentei remover turbolinks por si só também. Isso acontece apenas com uma imagem. E eu não tenho idéia do porquê ...

Quando troquei o html, foi a mesma imagem (taylor) que deu o erro:

<div class="home-images">
  <%= image_tag "wide.jpg", class: "home-image" %>
  <%= image_tag "taylor.jpg", class: "home-image hide" %>
  <%= image_tag "sad.jpg", class: "home-image hide" %>
</div>

Todas as minhas imagens estão localizadas na minha pasta app / assets / images

Meu cabeçalho fica assim:

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Enchanting Events and Design</title>
  <%= favicon_link_tag       "favicon.ico" %>
  <%= stylesheet_link_tag  "application" %>
  <%= javascript_include_tag  "application" %>
  <%= csrf_meta_tags %>
</head>