如何在SvelteKit静态SPA中预渲染index.html
解决SvelteKit静态适配器下根页面无法预渲染的问题
给根页面单独配置预渲染:在
(prerendered)/+page.js文件里显式添加export const prerender = true。尽管你已经在布局中设置了全局预渲染,但根路由作为SPA的fallback入口,可能被适配器优先按SPA逻辑处理,单独声明能强制触发预渲染流程。检查
svelte.config.js中的static适配器配置,确认没有将根路由/加入exclude列表。如果存在类似exclude: ['/']的配置,直接删除即可。若上述方法无效,可调整路由结构:把根
+page.svelte移回routes根目录,然后新建routes/+page.js并添加export const prerender = true,(prerendered)文件夹保留其他需要预渲染的页面。这种拆分方式能让根路由的预渲染逻辑更独立,避免和SPA fallback的设置产生冲突。
内容的提问来源于stack exchange,提问作者nicholas
相关产品推荐
相关产品推荐

