流式传输、快照以及 SvelteKit 1.0 以来的其他新功能

export const const load: PageServerLoadload: PageServerLoad = () => {
	return {
		post: anypost: fetchPost(),
		
streamed: {
    comments: any;
}streamed: {
			comments: anycomments: fetchComments()
		}
	};
};

<script lang="ts">
	import type { PageData } from './$types';
	export let data: PageData;
</script>

<article>
	{data.post}
</article>

{#await data.streamed.comments}
	加载中...
{:then value}
	<ol>
		{#each value as comment}
			<li>{comment}</li>
		{/each}
	</ol>
{/await}

const const deferreds: Map<any, any>deferreds = new 
var Map: MapConstructor
new () => Map<any, any> (+3 overloads)Map();

var window: Window & typeof globalThis
MDN Reference
window.defer = (id) => {

	return new 
var Promise: PromiseConstructor
new <unknown>(executor: (resolve: (value: unknown) => void, reject: (reason?: any) => void) => void) => Promise<unknown>
Creates a new Promise.
@paramexecutor A callback used to initialize the promise. This callback is passed two arguments:
a resolve callback used to resolve the promise with a value or the result of another promise,
and a reject callback used to reject the promise with a provided reason or error.Promise((fulfil: (value: unknown) => voidfulfil, reject: (reason?: any) => voidreject) => {
		const deferreds: Map<any, any>deferreds.Map<any, any>.set(key: any, value: any): Map<any, any>
Adds a new element with a specified key and value to the Map. If an element with the same key already exists, the element will be updated.
set(id: anyid, { fulfil: (value: unknown) => voidfulfil, reject: (reason?: any) => voidreject });
	});
};

var window: Window & typeof globalThis
MDN Reference
window.resolve = (id, data, error) => {



	const const deferred: anydeferred = const deferreds: Map<any, any>deferreds.Map<any, any>.get(key: any): any
Returns a specified element from the Map object. If the value that is associated to the provided key is an object, then you will get a reference to that object and any change made to that object will effectively modify it inside the Map.
@returnsReturns the element associated with the specified key. If no element is associated with the specified key, undefined is returned.get(id: anyid);
	const deferreds: Map<any, any>deferreds.Map<any, any>.delete(key: any): boolean
@returnstrue if an element in the Map existed and has been removed, or false if the element does not exist.delete(id: anyid);

	if (error: anyerror) {
		const deferred: anydeferred.reject(error: anyerror);
	} else {
		const deferred: anydeferred.fulfil(data: anydata);
	}
};

// devalue 将您的数据转换为 JavaScript 表达式
const 
const data: {
    post: {
        title: string;
        content: string;
    };
    streamed: {
        comments: any;
    };
}data = {
	
post: {
    title: string;
    content: string;
}post: {
		title: stringtitle: '我的酷博客文章',
		content: stringcontent: '...'
	},
	
streamed: {
    comments: any;
}streamed: {
		comments: anycomments: var window: Window & typeof globalThis
MDN Reference
window.defer(1)
	}
};

<script>
	window.resolve(1, {
		data: [{ comment: '第一个评论！' }]
	});
</script>

// 这会立即生成——注意 ["Promise",1]...
[{"post":1,"streamed":4},{"title":2,"content":3},"我的酷博客文章","...",{"comments":5},["Promise",6],1]

// ...然后此块会在 promise 解析后发送到浏览器
[{"id":1,"data":2},1,[3],{"comment":4},"第一个评论！"]

<script lang="ts">
	import type { Snapshot } from './$types';

	let comment = '';

	export const snapshot: Snapshot = {
		capture: () => comment,
		restore: (value) => (comment = value)
	};
</script>

<form method="POST">
	<label for="comment">评论</label>
	<textarea id="comment" bind:value={comment} />
	<button>提交评论</button>
</form>

import type { import ConfigConfig } from 'some-adapter';

export const const config: Configconfig: import ConfigConfig = {
	runtime: stringruntime: 'edge'
};

npm i @sveltejs/kit@latest
npm i @sveltejs/adapter-auto@latest # 或 @sveltejs/adapter-vercel@latest

export const 
const config: {
    isr: {};
}config = {
	isr: {}isr: {
		// 请参阅 Vercel 适配器文档以获取所需选项
	}
};