跳至主要内容
基本 SvelteKit 存储 更新

updated 存储包含 true 或 false，具体取决于自页面首次打开以来是否已部署了应用程序的新版本。为此，您的 svelte.config.js 必须指定 kit.version.pollInterval。

src/routes/+layout
<script>
	import { page, navigating, updated } from '$app/stores';
</script>

版本更改仅在生产环境中发生，在开发过程中不会发生。因此，在本教程中，$updated 将始终为 false。

无论 pollInterval 如何，您都可以手动检查新版本，方法是调用 updated.check()。

src/routes/+layout

{#if $updated}
	<div class="toast">
		<p>
			A new version of the app is available

			<button onclick={() => location.reload()}>
				reload the page
			</button>
		</p>
	</div>
{/if}

在 GitHub 上编辑此页面

上一个 下一个
导航
1
2
3
<h1>home</h1>
<p>this is the home page.</p>