跳至主要內容

updated 儲存包含 truefalse,取決於自頁面首次開啟以來是否已部署應用程式的新版本。為了使此功能生效,您的 svelte.config.js 必須指定 kit.version.pollInterval

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

版本變更僅發生在生產環境中,而不是在開發期間。因此,在此教學中 $updated 將始終為 false

您可以透過呼叫 updated.check() 手動檢查新版本,無論 pollInterval 為何。

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>