Emotion Production에서 CSS 깨지는경우

dev·2021년 8월 20일
0

frontend

목록 보기
3/4

이슈사항

운영환경에서 특정 페이지 접속후 css깨지는 현상 발생, local dev에선 문제가 없었고, build시에 해당현상 발생.

해결 방법

처음에 build option을 의심했으나, git history에서 별다른 수정내역이 없었고, 특정 페이지 접속후에 css 꺠지는걸 확인, 해당 페이지에서 문제있는 component를 찾아, styled 사용하는 부분이 있어 해당 부분이 의심되어 css로 교체.

review

Styles broken in CRA Production Build but work fine in development mode · Issue #2221 · emotion-js/emotion

먼저 해당 부분과 유사한 문제로 issue가 열린적이 있었고, 프로젝트는 next.js, typescript환경에 emotion css, styled 같이 사용중이었고, 초기에 일부분을 styled사용했었는데 해당 부분 컴포넌트 사용하게되면서 문제가 발생했다.

0개의 댓글