NEXT 11并添加不起作用的脚本标记。不呈现任何脚本 [英] Next 11 and adding Script tags not working. No scripts are rendered
本文介绍了NEXT 11并添加不起作用的脚本标记。不呈现任何脚本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我将Google标记管理器添加到_app.js文件,但没有显示。我通过新的";script";标记加载的脚本都不起作用。
<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
不应包含在next/head
这样做:
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 11并添加不起作用的脚本标记。不呈现任何脚本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文