小编Mar*_*ník的帖子

将外部脚本嵌入 Next.js 应用程序

我一直在尝试将外部 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

有人知道这里可能有什么问题吗?

html javascript reactjs next.js

6
推荐指数
1
解决办法
2039
查看次数

标签 统计

html ×1

javascript ×1

next.js ×1

reactjs ×1