Creating an optimized production build 무한 로딩 현상

생성일

Dec 17, 2021 01:37 PM

태그

Next.js

deployment

React

yarn

Issue

작성자

해결 완료

🔥 문제

빌드를 함에 있어서 무한 로딩 현상이 발생하였다.

아이고야... 이를 어떻게 해결해야 할까?

먼저 다음과 같이 캐시를 비워준다. 기존에 있던 캐싱된 파일들과의 충돌을 최대한 피하기 위함이다.


yarn cache clean

그러나 문제가 해결되지 않았다.

그래서 재부팅 후 다시 시도하였고, vsCode에서의 렉인가 싶어서 push를 진행하였다.

그러자, 이상한 문구가 나타났다.

호오. 아무래도 기존 리소스가 한계치에 도달해서, 성능이 매우 느려진 것이 원인인 듯 하였다.

다시 켜고, 푸시하니, 문제가 잘 해결이 됐다 🙂

💡

해당 오류가 나왔을 때는 1. yarn cache clean으로 깨끗이 비워주고, 2. .next 안에 있는 내용물들을 지워준다. 3. 재부팅하고 다시 시도하면 잘 된다!