Javascript NextJS头中的HubSpot表单脚本_Javascript_Forms_Next.js_Hubspot

Javascript NextJS头中的HubSpot表单脚本

javascript forms next.js

Javascript NextJS头中的HubSpot表单脚本,javascript,forms,next.js,hubspot,Javascript,Forms,Next.js,Hubspot,我正在尝试将以下脚本添加到我的NextJS头部： hbspt.forms.create({ 区域：“na1”， portalId:“XXXXXX”， formId：“XXXXXX” }); 然后它给了我两个错误：错误1：意外的令牌。你是说{'}}还是&rbracets（1381）（用于闭合支架）错误2：语法错误：意外标记，应为“}”（对于行“region:”na1“）这是整个indes.jsx文件：从“下一个/Head”导入Head；从“样式化组件”导入样式化；从“./compo

我正在尝试将以下脚本添加到我的NextJS头部：


hbspt.forms.create({
区域：“na1”，
portalId:“XXXXXX”，
formId：“XXXXXX”
});

然后它给了我两个错误：

错误1：意外的令牌。你是说

{'}}

还是

&rbracets（1381）（用于闭合支架）
错误2：语法错误：意外标记，应为“}”（对于行“region:”na1“）
这是整个indes.jsx文件：
从“下一个/Head”导入Head；
从“样式化组件”导入样式化；
从“./components/Section/HeroSection”导入HeroSection；
从“./components/Section/OverviewSection”导入OverviewSection；
const Wrapper=styled.div`
保证金上限：10雷姆；
`;
导出默认函数主页（）{
返回(
代码形状-主页
hbspt.forms.create(
{
区域：“na1”，
portalId:“XXXXXX”，
formId：“XXXXXX”，
}
);
);
}

生成表单时，脚本来自HubSpot，因此我假设脚本代码是正确的。
代码正在转义，请尝试将其包装到危险的LysetinerHTML属性中：
  <Head>
    <script dangerouslySetInnerHTML={{ __html: `
       hbspt.forms.create({
           region: "na1",
           portalId: "XXXXXX",
           formId: "XXXXXX"
       });
     `}} />
  </Head>

似乎不起作用。嗯。