尝试将此脚本标记添加到我的 next.js 应用程序但遇到问题答案

【问题标题】：Trying to add this script tag to my next.js app but am having Trouble尝试将此脚本标记添加到我的 next.js 应用程序但遇到问题
【发布时间】：2020-06-08 03:24:45
【问题描述】：

要开始在您的网站上使用 EmailJS，只需在结束标记之前粘贴以下代码 sn-p 并使用正确的用户 ID：然后我必须在 index.html 文件中导入它，但没有 index.html 有人可以帮助我

<script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js">
</script>
<script type="text/javascript">
   (function(){
      emailjs.init("YOUR_USER_ID");
   })();
</script>

    return (
      <ProductProvider>
        <div className="main-wrapper">
          <Head>
            <script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js">
</script>
<script type="text/javascript">
   (function(){
      emailjs.init("YOUR_USER_ID")
   })();
</script>
        </Head>
          <BusinessTheme ThemeClass="demo1" />
        </div>
      </ProductProvider>
    );
}

   const DynamicComponentWithNoSSR = dynamic(
  () => import('../node_modules/emailjs-com'),
  { ssr: false }
);
    )

如何找到要导入的电子邮件 js 文件？我收到 emailjs 未定义的错误

【问题讨论】：

标签： email next.js head

【解决方案1】：

Next.JS 是 2 端运行的（服务器端和客户端端）。您可以在依赖项上安装 emailJs 而不是在 cdn 上。（可能是 emailJS 未定义的原因）

$ npm install emailjs-com --save

如果 emailJS 在客户端 (javascript) 上运行，您可以在下一个 js 上使用动态导入并禁用 ssr Dynamic Import NextJS。谢谢

【讨论】：