如何在正文 next.js 应用程序中添加脚本？

Question

我想将脚本添加到 next.js 应用程序的正文中。

我将带有自定义文档的 _document.js 引入到我的页面文件中，以便将以下脚本放入正文中。

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>

我从“aos”导入 AOS

那么第二个脚本标签里面的代码估计被next认为是一个字符串了。

我从“next/script”导入脚本，更改标签，它仍然是一个字符串。

将 AOS.init() 放入 {} 我得到“文档未定义”。

有什么想法吗？

Answer 1

检查一下它可能适合你

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script
    dangerouslySetInnerHTML={{
        __html: `
            AOS.init();
        `,
    }}
></script>

如何在正文 next.js 应用程序中添加脚本？

How do I add script in the body next.js app?

next.js

script