Next.js, antd, styled-components 적용시 오류

velog.io/@susu1991/next.js%EC%97%90-styled-components-%EC%A0%81%EC%9A%A9-%EA%B3%A0%EA%B5%B0%EB%B6%84%ED%88%AC%EA%B8%B0.-by.-react-bird

next.js에 styled-components 적용 고군분투기. by. react-bird

 

next study 중 방금전까지 작동되던 코드에서 에러가 난다.  다른 콤포넌트는 괜찮은 듯 한데 Input.Search 적용시에 에러가 남. 에러 메시지는 위의 블로그와 같다. 

위의 설명처럼 .babelrc 파일을 만들어 적용하면 오류가 사라지지만 역시나 내용처럼 스타일링이 적용되는 것이 느려서 사용자의 눈에 적용시점이 인지된다.

일단, 나는 .babelrc 설정까지만 적용해보았다.

 

위의 현상은 나와 같은 상황에서는 간헐적으로 나타나는 것으로 파악됨. 왜일까?

일단 .babelrc 파일을 제거하고 컴파일하니 또 잘 된다. 캐시가 남아있어서 그런듯... 다시 않됨... 뭐얏!!!