【发布时间】：2018-10-20 12:14:50
【问题描述】：
我正在用 React.js 开发一个网站，它有一堆图像调用。
因此必须实现图像的延迟加载，以便仅在网站初始加载时调用视口中的图像，
我目前正在使用https://www.npmjs.com/package/react-lazy-load-image-component 来实现延迟加载。
它在桌面浏览器、Android 浏览器中运行良好，但即使在滚动之后，图像也根本无法在 safari 上加载。
我也尝试过使用“react-lazy-load”，但图像也没有在 safari 中呈现..
这就是我在我的 JS 文件中使用组件的方式，
<LazyLoadImage alt="" src="someimage.png" />
谁能帮我解决这个问题？
【问题讨论】：
-
safari的javascript控制台有错误吗？我会从这里开始调试它。
-
Safari 控制台中没有显示错误，但图像根本没有加载。但在 chrome、chromium 和 firefox 中运行良好。
-
这可能是 CSS 和 safari 浏览器的兼容性问题──我真的不知道。据我所知，它没有使用 CSS 浏览器前缀。 IMO 这与其说是 stackoverflow 的问题，不如说是bug tracker 的问题。
标签： reactjs