Typescript <；风格>；在每一页转换之间都堆积着NextJS和情感（脉轮）

在构建当前项目的prod版本并在本地进行测试后，我意识到样式有问题：

• 只需悬停一个按钮就可以毫无理由地破坏设计

• 如果

  抽屉

  （脉轮）打开，我单击其中的链接（

  路由/链接

  ），加载的页面将保持

  抽屉

  在上一页中应用的

  正文

  样式，包括

  溢出：隐藏

  ，从而中断滚动

最后，似乎

DOM节点在页面之间堆积（使用

next/link

进行转换时）。我通过计算每个页面转换后控制台中的

数量确认：

$（“head”）.queryselectoral（“[data-emotion]”）。长度
149
$（“head”）.querySelectorAll（“[数据情感]”）.length
694
$（“head”）.querySelectorAll（“[数据情感]”）.length
731
$（“head”）.querySelectorAll（“[数据情感]”）.length
736
$（“head”）.querySelectorAll（“[数据情感]”）.length
785
$（“head”）.querySelectorAll（“[数据情感]”）.length
1632
$（“head”）.querySelectorAll（“[数据情感]”）.length
3268
$（“head”）.querySelectorAll（“[数据情感]”）.length
6536
$（“head”）.querySelectorAll（“[数据情感]”）.length
13072

有人经历过类似的事情吗

我“理解”（至少我尝试过）NextJS通过在当前DOM上加载DOM来实现页面转换，以便实现平滑的页面转换（简单化的摘要）

我感觉“旧”DOM没有被正确地丢弃（应该丢弃吗？）

这些样式堆积的结果是，我最终导致太多css样式相互竞争，破坏了整个设计