Изображение не отображается при первом посещении, но отображается при проверке касания на консоли

Question

Я создаю коммуникационное приложение в Rails, но я столкнулся со странной ошибкой.
Изображение не отображается при первом посещении определенной страницы.

фотография ошибки & нет фотографии ошибки

Подробности

Ошибка возникает только при первом посещении этой страницы.
Если ошибка возникает, есливыполните следующие действия, изображение будет отображаться нормально.

1. Перейдите на страницу еще раз через другую страницу
2. Обновите страницу
3. Нажмите «Выбрать элемент на странице»проверить это "на хромированной консоли. (очень странно)

Решение

Если установить" data-turbolinks = 'false' "в значение" тег "Перед посещением страницы изображения будут отображаться без ошибок, но я хочу оставить турболинки.
Есть ли у кого-нибудь решение?

Answer 1

Я не устранил причину ошибки, поэтому ее нельзя назвать решением, но я исправил ее другим способом.

Я провел опрос в основном по javascript ирезультат был следующим:

• Ошибка исчезнет, ​​если отключить JavaScript в браузере.
• Даже если все файлы JavaScript, кроме applocation.js, удалены, ошибка остается.

После всего, что я чувствовал, что причиной были турболинки, но я не хотел отключать турболонки, поэтому я продолжил расследование.
Я продолжил проверку, основываясь на странном событии, которое исправляетошибка при нажатии «выбрать элемент на странице для проверки» на консоли chrome.

И я обнаружил, что ошибка была устранена, поскольку она касалась не только этой части, но и при переключении (показать / скрыть)сама консоль. (Проверено с помощью Chrome и Safari)

Я изменил размеры окна как тест, когда ошибка возникла, ошибка была исправлена.
Я добавил js-код, который немного изменяет ширинукогда посетите страницу.Пока ошибка не возникла.