sveltekit / 500 Internal Error, ReferenceError: localStorage is not defined 해결 방법

 

 

sveltekit에서 window, localStorage, location 등을 쓰려고만 하면 500 Internal Error가 발생하는데 원인을 못 찾고 헤메다가 며칠만에야 원인을 알았습니다.

 

SSR...

 

아래에 해결 방법과 출처를 붙여둡니다.

 

https://www.okupter.com/blog/sveltekit-window-is-not-defined

 

<script lang="ts">
  import { onMount } from 'svelte';
 
  onMount(() => {
    console.log(window.innerWidth);
  });
</script>