NextJS ReferenceError: window is not defined

window is not defined

 

next js 에서 build할때 window is not defined error 뜨면서 build가 안되는 경우가 있습니다.

 

다른 블로그에서 참고했을때는 대부분 렌더링 이전에 window를 사용해서 그렇다라고하며 use client로 client 컴포넌트를 사용하고 useEffect안에서 window를 사용하고나 아래처럼 조건문을 추가하는것을 알려주고 있습니다.

if (typeof window !== 'undefined'){
	// codes
}

반응형

하지만 진짜  문제는 window를 사용하지 않았을때가 문제입니다. 

문제되는 페이지에서 한줄한줄 확인해보니 저같은 경우는 heic2any 라이브러리 사용 코드에서 문제가 생겼었는데요.

기존에 문제되는 코드입니다.

heic2any 사용코드

 

위의 코드를 다음처럼 바꿔주니 정상적으로 build되었습니다.

heic2any error fix code

 

여러분들도 혹시나 build할때 문제가 생겼고 window를 사용하지 않은 페이지라면 문제되는 page에서 라이브러리를 체크해보시면 되겠습니다.