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

v9tzhpje 于 2023-06-29 发布在其他

关注(0)|答案(1)|浏览(199)

我正在使用Tiny Editor，有必要为编辑器定义一个键，根据文档，我可以通过标签<script src = 'address'查询这个键，这就是它的工作方式，但是当加入下一个.js（< Script src = 'address'）的Script组件时，我无法再与tiny通信，有人经历过吗？

# It works
<script src='address' />

# Does not work
<Script src='address' />

1条答案

如果Script组件在<Head>组件内部，则在<Head>外部使用它
尝试使用不同的浏览器。可能是浏览器特定问题
策略属性的默认值是afterInteractive。这样，脚本在页面交互后被获取并执行。使用beforeInteractive处理在页面交互之前需要获取和执行的关键脚本。
使用onError props进行调试。

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