我们正在尝试(根据Google的请求)在Gatsby网站上动态加载Google合作伙伴徽标。徽标基本上只是一个div,它会在Google脚本加载/接受api后加载som样式和iframe。徽标在开发过程中加载良好,但在构建过程中非常不稳定(1/10次)。
我尝试直接在组件中和页面上直接在React Helmet中加载脚本。在Helmet中,脚本每次都会加载,并且不返回任何错误,但是不知何故,logo-div会收到疯狂的样式,而iframe根本不会加载。
我们仔细检查了Google帐户中的acces,它是100%正确的,所以我猜是在构建过程中发生了某些事情...
// from helmet component
import React from "react"
import Helmet from "react-helmet"
function SEO({ description, lang, meta, title }) {
<Helmet>
<script src="https://apis.google.com/js/platform.js" async defer</script>
</Helmet>
// ... a lot of irelevant SEO stuff excluded
}
export default SEO
// from google logo component
import React from "react"
const FeaturedCompanies = () => {
return <div className="g-partnersbadge" data-agency-id="1850113825"></div>
}
export default FeaturedCompanies