Next > ESM not fully support yet

[Dann1y]

관련 이슈

• next/lib/find-config does not support ESM config files vercel/next.js#34448

문제

• 프로젝트를 ESM으로 선언했을 때 CommonJS 방식처럼 require문을 사용할 수 없는데
• find-config.js 라는 next 내부 의존성 파일에서 require문을 사용하고 있었고 config파일을 찾는 과정에서 postcss.config.js 가 걸려 에러가 발생한다.

해결 방법

• 가장 본질적인 해결방법은 find-config를 수정하는 것이겠지만 다른 유저가 cjs로 불러오도록 수정하는 PR을 올렸다.
  • Switch to .cjs PostCSS config vercel/next.js#58380
• 일단 관련 이슈의 코멘트와 같이 postcss.config.js를 삭제하고 package.json에 postcss key를 생성함으로써 해결한다.