Can't resolve 'fs' 에러

[guesung]

Next.js는 페이지를 구성할 때 기본적으로 SSG이다. 즉, 서버 측에서 html을 파싱해서 client측에 넘겨준다. 'fs'는 클라이언트, 즉 컴퓨터에 있는 파일을 읽는 라이브러리이기 때문에 server측에서 페이지를 파싱할 때 에러가 발생하게 된다. 이를 어떻게 해결해야 할까?

[guesung]

우선 여러 사이트를 참고하여 다음과 같이 next.config.json을 수정하였다.

module.exports = {
  webpack: (config, { isServer }) => {
      if (!isServer) {
          // set 'fs' to an empty module on the client to prevent this error on build --> Error: Can't resolve 'fs'
          config.node = {
              fs: 'empty'
          }
      }

      return config;
  }
}

[guesung]

하지만 여전히 에러가 발생하였다. 이번엔 다른 에러였다.

[guesung]

다들 동일한 이야기만 해서, 이번에는 Langchain Github Issue에 검색을 해보았다.
나와 동일한 이슈를 겪은 사람이 있었다 !
그래서 링크를 타고 들어가보니, Langchain관계자 분이신지는 모르겠는데, 한 전문가 분이 친절하게 달아준 답변이 있었다.

어제 달린 따끈따끈한 comment이다.
이렇게 next.config를 수정하니 해결이 되었다 !

[guesung]

앞으로는 어더한 기술을 사용하다 에러를 마주쳤을 때

1. 구글링
2. chatGPT
   이 두가지도 좋지만, 해당 기술 github혹은 공식문서에서 검색을 우선해봐야겠다고 생각했다.