开发者问题收集

如何在 Next.js 12 中导入外部 JS 文件

2023-02-11
1383

我需要在我的 Next.js 项目中导入本地 JS 文件。使用时:

<Script type="text/javascript" src="/js.js"></Script>

我收到错误:

404 Not Found

使用 script 标签时。

<script type="text/javascript" src="/js.js"></script>

我收到错误“不应使用同步脚本。”


查看 文档 和一个问题 这里 ,他们说将静态文件放在公共目录中。这样做会出现与上面相同的错误。我在导入时做错了什么吗?还是有其他方法可以在 Next.js 中导入这些文件?

2个回答

使用异步或延期。 下一个JS文档 - 脚本

280428190
Bawantha Rathnayaka
2023-02-11

简单的解决方法是使用 Next.JS 提供的 <Script> 标签,如下所示:

<Script id="something to identify this">
{`Put your JS between these backticks`}
</Script>
Satindar31
2023-07-01