404ページの設定
アプリケーションの設定モジュールでは、「fail」関数を設定して、ページのロードに失敗した場合に表示されるコンテンツをカスタマイズします。
この例では、ページの読み込みに失敗した場合、エラーメッセージの最初の行が表示されます。
export const fail = ({ src, error }) => {
return `<div style="width:100%;height:100%;display:flex;justify-content:center;align-items:center;word-break:break-all;" data-testid="error-container">
<div style="padding:20px;text-align:center;">
<h3>load fail</h3>
<p>${error.stack.split(/\n/g)[0]}</p>
${src}
<div>
<button on:click="back()">Back</button>
</div>
</div>
</div>`;
};