如何在 next.js 應用程序正文中添加腳本?

雅典衛城

我想在 next.js 應用程序的正文中添加一個腳本。

我將帶有自定義文檔的 _document.js 引入到我的頁面文件中,以便將以下腳本放入正文中。

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

我從“aos”導入AOS

然後我猜接下來第二個腳本標籤中的代碼被認為是一個字符串。

我從 "next/script" 導入腳本,更改標籤,它仍然是一個字符串。

將 AOS.init() 放入 {} 我得到“文檔未定義”。

有任何想法嗎?

達瓦爾物流

看看這個它可能對你有用

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 Next.JS Web 應用程序中使用 DocuSign Node.js SDK?

如何在 Next.js API 路由中向請求正文添加 TypeScript 類型?

如何在Next js中使用websockets

如何在 Next.js 中删除 id="__next" 的 div

如何在React / Next js中基于函数添加CSS类?

如何在 Next.js 中的 Link 之前添加一个空格?

如何在next.js中更改路线时添加横断面动画?

如何在 next.config.js 中添加两个以上的插件

如何在Next.js应用程序中的特定URL上存储“ .html”?

如何在 next.js 应用程序中要求和使用 ES6 类?

如何在Next.js应用程序中使用ES2020功能

如何在next.js应用程序中使用Google Analytics(分析)?

如何在 Next.js SSR 应用程序中对 Firebase 中的数据进行分页?

Next.js:如何在 Next.js 中使用 source-map-explorer

如何在 Next JS 中导入自定义字体?

如何在 iis 上部署 React Next.JS?

如何在 Next.js 中创建 api 动态路由?

如何在next-js中正确导入scss文件?

如何在Firebase Functions中使用koa.js + next

如何在 Next.js 中附加条件样式?

如何在NEXT.js中创建子页面

如何在AWS Elastic Beanstalk上部署next.js?

如何在Next.js中调试getStaticProps(和getStaticPaths)

如何在Next.js组件中使用SVG图像?

如何在 Next.js 中使用 useEffect 调用 getServerSideprops

如何在next.js中设置端口

如何在 next.js 中使用 sass

如何在Storybook中模拟next.js图像组件?

如何在Next.js中使用module.exports