gpt4 book ai didi

next.js - Next 11 并添加 Script 标签不起作用。没有脚本被渲染

转载 作者:行者123 更新时间:2023-12-04 12:22:08 26 4
gpt4 key购买 nike

我将我的谷歌标签管理器添加到 _app.js 文件,它没有显示。我通过新的“脚本”标签加载的脚本都没有工作。

  <Head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<Script
src={`https://cdn.somelink.coom/${process.env.COOKIE_KEY}/block.js`}
strategy="beforeInteractive"
/>
<Script
src="https://cdn.somelink.com/scripttemplates/stub.js"
strategy="beforeInteractive"
/>
<Script
src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GOOGLE_KEY}`}
strategy="afterInteractive"
/>
这些都行不通。网络选项卡等中没有下载任何内容。页面上没有显示任何内容。有什么想法吗?
提醒:这是在 _app.js 文件。
注意:我的页面是静态生成的。

最佳答案

next/script should not be wrapped in next/head


引用: Script Component
做这样的事情:
import Script from "next/script";

const App = ({ Component, pageProps }) => (
<>
<Script
src="https://polyfill.io/v3/polyfill.min.js"
strategy="beforeInteractive"
/>
{/* eslint-disable-next-line react/jsx-props-no-​spreading */}
<Component {...pageProps} />
</>
);

export default App;

关于next.js - Next 11 并添加 Script 标签不起作用。没有脚本被渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68058814/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com