ruby-on-rails - 图片在第一次访问时不显示，但在控制台上点击检查时显示

Question

我正在 Rails 中制作通讯应用程序，但遇到了一个奇怪的错误。
首次访问特定页面时，图像不会显示。

错误照片和没有错误照片

细节

该错误仅在第一次访问此页面时出现。
出现bug后，如果做如下操作，图片会正常显示。

1. 通过另一个页面再次访问该页面
2. 更新页面
3. 在 chrome 控制台上点击“选择页面中的元素进行检查”。（很奇怪）

解决方案

如果在访问页面之前将“data-turbolinks = 'false'”设置为“a tag”，图像将显示没有错误，但我想保留turbolinks。
有没有人有解决方案？

Answer 1

我没有修复bug的原因，所以不能说是解决方案，但是我用另一种方式解决了它。

我主要对javascript进行了调查，结果如下。

• 如果关闭浏览器上的 javascript，错误会消失。
• 即使删除了除 applocation.js 之外的所有 javascript 文件，错误仍然存​​在。

毕竟我觉得原因是turbolinks，但我不想关闭turbolonks，所以我继续调查。
我根据一个奇怪的事件进行了验证，该事件修复了当点击 chrome 控制台的“选择页面中的元素进行检查”时修复错误。

而且我发现错误已修复，它不仅可以点击该部分，而且还可以在切换（显示/隐藏）控制台本身时。（已通过 chrome 和 safari 验证）

当错误发生时，我调整了窗口的大小作为测试，错误已修复。
我添加了一个 js 代码，在访问页面时会稍微调整宽度。到目前为止，该错误尚未发生。