Javascript Sveltekit 在页面加载时返回 404 会触发未捕获的异常，从而 destruct 页面

发布于06月30日

直接取自sveltekit文档.当返回404 on page load时，将发生一个未捕获的异常，导致页面中断:

<script context="module">
    /** @type {import('./__types/[...path]').Load} */  
    export function load({ params }) {
      return {
        status: 404,
        error: new Error(`Not found: /marx-brothers/`)
      };
    }
</script>

上述情况会导致控制台中出现未捕获错误:

这将导致任何其他JS无法工作，例如:单击事件等.

文件没有对此事作进一步阐述:https://kit.svelte.dev/docs/layouts#error-pages

有人能解释为什么在页面加载时返回404状态时会引发未捕获异常吗？我怎样才能最好地解决这个问题？非常感谢.

编辑:我在布局上返回404.小页面是其他页面继承的默认布局页面.这样做有问题吗？

Old answer

I was unable to reproduce the uncaught exception. SvelteKit rendered a 404 page, as expected:

My (original) process to reproduce:

npm init svelte load404( Select 骨架项目，默认选项)
cd load404
yarn
将问题中的代码段逐字复制到索引中.苗条:

<script context="module">
    /** @type {import('./__types/[...path]').Load} */  
    export function load({ params }) {
      return {
        status: 404,
        error: new Error(`Not found: /marx-brothers/`)
      };
    }
</script>