[tailwind css 에러 해결] [postcss] Cannot find module @~ 에러 해결

 

error 발생

 

발생 원인

Tailwind를 이용하여 팀 디자인 시스템 라이브러리를 이용하여 개발하던 도중 tailwind.css.config의 theme를 extend 확장하는 순간에 갑자기 에러가 발생하였다.

 

Tailwind.config

 

그 이유는 새롭게 추가한 TYPOGRAPHY (const)에서 데이터를 @ Alias로 절대경로를 사용해서 불러오고 있기 때문이었다.

 

해결방법

사실 해결 방법은 간단하다. @ alias로 된 부분을.../ 이런 방식의 상대 경로로 바꿔주면 해결된다. 

절대 경로를 사용하여 깔끔하게 처리하고 싶었지만, config 파일의 경우 빌드 전에 사용되기 때문에 빌드 후 생성되는 절대 경로를 사용할 수 없다고 한다.

 

 

 

끝