脚本组件在 next.js 中不起作用

【问题标题】：Script Component does not work in next.js脚本组件在 next.js 中不起作用
【发布时间】：2022-02-12 22:12:57
【问题描述】：

我在Tiny Editor中工作，需要为编辑器定义一个键，按照文档我可以通过标签

【问题讨论】：

可能是因为 next.js 用于 React，如果以小写字母开头，React 会识别 html。 React 组件以大写字母开头。也许它认为 jts 是一个反应组件而不是一个脚本标签，并且反应组件“脚本”不存在。
您能否向我们展示您正在使用next/script 的组件的完整代码？您是否尝试过使用strategy="beforeInteractive"？
这对stackoverflow.com/a/68059559/11613622有帮助吗？

【解决方案1】：

如果Script 组件在<Head> 组件内部，则在<Head> 外部使用它
在其他浏览器中尝试。这可能是特定于浏览器的问题
策略属性的默认值为afterInteractive。这样，在页面交互后获取并执行脚本。对于需要在页面交互之前获取和执行的关键脚本，请使用 beforeInteractive。

使用 onError 道具进行调试。

 onError={(e) => {
        console.error('Script failed to load', e)
      }}

【讨论】：