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>`;
};