Sapper 路由问题bug——渲染持久化组件

问题描述

错误在于当单击某个路由器链接时在任何路由上呈现的重复组件。这种情况并非每次都发生,因此在处理 svelte 动画和 Sapper 路线时非常重要。

解决方法

目前,我一直在使用没有任何其他参数的转换:

var $clone;
switch ($context.get(0).nodeName.toLowerCase()) {
    case "table":
        if ($context.find("tbody").length == 0) {
            $clone = $entityRangeTemplate.find("tbody").clone();
            $context.append($clone);
        } else {
            $clone = $entityRangeTemplate.find("tr").clone();

            $context.find("tbody").append($clone);
        }
        break;
    case "tbody":
        $clone = $entityRangeTemplate.find("tr").clone();
        $context.append($clone);
        break;
    default:
        return;
} //switch $clone

这不会呈现任何错误,但是按照 reddit 的说明进行操作似乎还有其他选项可以处理该问题并继续使用其他参数:

https://www.reddit.com/r/sveltejs/comments/e1xc0a/problem_with_routing_and_transitions/