updated
儲存包含 true
或 false
,取決於自頁面首次開啟以來是否已部署應用程式的新版本。為了使此功能生效,您的 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}
1
2
3
<h1>home</h1>
<p>this is the home page.</p>