脚本标签未加载“dangerouslySetInnerHTML”内容答案

【问题标题】：Script tag is not loading "dangerouslySetInnerHTML" content脚本标签未加载“dangerouslySetInnerHTML”内容
【发布时间】：2022-04-09 00:50:52
【问题描述】：

我有一个 Next.js 项目，想添加谷歌分析代码。我已经将该代码放在 _app.js 文件中，就像提到的 here 一样。通过运行代码，我无法查看我在“dangerouslySetInnerHTML”中插入的代码。

这是我在 _app.js 中的代码

<Script strategy="beforeInteractive" id="gtag-init" dangerouslySetInnerHTML={{__html: "code"}} />

【问题讨论】：

您的代码与您链接到的示例中的代码完全相同吗？如果没有，您能否将完整代码发布到您的_app 文件中？
@juliomalves，我有我的客户提供的 JavaScript 代码，我必须输入。所以我必须使用dangerouslySetInnerHTML。但是当我运行项目时，我无法在检查元素中看到脚本。
你能把完整的代码贴在你的_app文件中吗？
我已经通过使用

标签： next.js

【解决方案1】：

请像这样使用 afterInteractive 策略：strategy="afterInteractive"

适合立即加载的脚本示例页面变成交互式的包括：

标签管理器

分析

【讨论】：