首页 > 解决方案 > 如何强制 NextJS 静态网站的主 div #__next,在路由更改时重新加载

问题描述

我使用 Next 作为网站的静态生成器,页面是从 API 生成的。

我还使用了一个 JavaScript 库,它添加了一些这样的内容:

<div id="__next">
  <section>*generated by next*</section>
  <div>*generated by library*</div>
  <section>*generated by next*</section>
</div>

在路线变更时:

<div id="__next">
  <section>*new generated by next*</section>
  <div>*by library, but not removed by next*</div>
  <section>*new generated by next*</section>
</div>

必须删除 div,但 nextjs 优化会阻止所有 div#__next 重新加载,并且只能编辑/删除内容页面。

有解决办法吗?我很怀疑添加一个封装我的应用程序的新组件,而不是将所有内容都放在 app.js 中。是否有可能强制重新加载全局布局的配置编辑?

标签: javascriptreactjslayoutstaticnext.js

解决方案


推荐阅读