我一直在尝试将外部 JavaScript 源嵌入到我的 Next.js 应用程序中,但不断收到以下错误:
无法对“文档”执行“写入”:除非显式打开,否则无法从异步加载的外部脚本写入文档。
我尝试使用的代码可以在这里找到- 带有船只的地图可以选择嵌入它。到目前为止,生成此错误的组件如下所示:
<div className={styles['container']}>
<Script type="text/javascript">
var width="100%";var height="400"; var mmsi=228402900;
</Script>
<Script
type="text/javascript"
src="https://www.vesselfinder.com/aismap.js">
</Script>
</div>
Run Code Online (Sandbox Code Playgroud)
如果我将嵌入代码复制到 CodePen 中,它就可以正常工作 -链接到我的带有嵌入地图的 codepen。
有人知道这里可能有什么问题吗?