我正在尝试将 Trustpilot TrustBox 添加到 Next.js 应用程序。
我的 componentDidMount 中有这个：
var trustbox = document.getElementById('trustbox');
window.Trustpilot.loadFromElement(trustbox);
这在我的脑海中：
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
这在我的 html 中：
<div id="trustbox" className="trustpilot-widget" data-locale="en-GB" data-template-id="XX" data-businessunit-id="XX" data-style-height="130px" data-style-width="100%" data-theme="light" data-stars="5" data-schema-type="Organization">
<a href="https://uk.trustpilot.com/review/XX" target="_blank">Trustpilot</a>
</div>
这适用于热重载。例如，如果我在服务器运行时添加代码。但是 o 重新加载它会中断，我收到以下错误：
无法读取未定义的属性“loadFromElement”
有任何想法吗？