SvelteKit通用load函数疑问：+page.js SSR加载非序列化组件为何无报错？

• 核心差异在+page.server.js和+page.js的load函数运行机制与数据处理逻辑：
  1. +page.server.js的限制：这个文件里的load函数只在服务端执行，它的返回值必须完全可序列化——因为服务端渲染完成后，需要把这些数据序列化成JSON，嵌入到页面的__sveltekit_data中，供客户端hydrate时使用。而Svelte组件本身是包含编译后渲染逻辑、生命周期的复杂对象，根本无法被序列化，所以返回组件必然触发内部服务器错误。
  2. +page.js的特殊处理：这是通用load函数，会在服务端（首次访问SSR）和客户端（路由跳转）都执行，但它的返回值处理逻辑不一样：
     • 服务端执行时，返回的组件会直接用于服务端渲染页面，不会被序列化传递到客户端。SvelteKit会自动过滤掉返回值里不可序列化的内容，只传递可序列化的部分（比如这里的color: 'blue'）给客户端。
     • 客户端hydrate阶段，会重新执行+page.js的load函数，此时客户端本地import组件是完全正常的，能拿到组件并完成hydrate，所以整个流程不会报错。

简单说就是：+page.js的通用load不需要把所有返回值序列化跨环境传递，而+page.server.js必须这么做，这就是前者不报错的原因。

内容的提问来源于stack exchange，提问作者kooru_hi