Изображение Rails исчезает с ошибкой: не удалось загрузить ресурс: net :: ERR_CONTENT_LENGTH_MISMATCH
По сути, моя проблема в том, что страница загружается нормально и выглядит нормально. Примерно через 30 секунд он внезапно исчезает.
Вот журнал сервера перед ошибкой (как при загрузке страницы):
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
И затем внезапно изображение исчезает с ошибкой на стороне клиента (замечено в консоли разработчика Chrome):
Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
http://localhost:3000/assets/taylor.jpg
И единственное дополнение к журналу:
Started GET "/assets/favicon.ico" for 127.0.0.1 at 2014-03-11 23:54:00 -0400
В течение 30 секунд, пока он выглядит хорошо, у хрома есть символ загрузки, куда идет значок
Мой HTML довольно прост на этом этапе:
<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>
Я даже полностью вынул свой JavaScript. Я тоже пытался удалить турболинки. Это происходит только с одним изображением. И я понятия не имею, почему ...
Когда я переключил HTML, это было то же изображение (Тейлор), которое выдало ошибку:
<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>
Все мои изображения находятся в моей папке app / assets / images
Мой заголовок выглядит так:
<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>