[Today's Bug (React)] react에 dotenv 적용시 Cannot find module 'fs' 오류

📢 이 버그 좀 보세요!

토이 프로젝트에서 .env 파일을 숨겨야 한다는 것을 잊고 있어 뒤늦게 적용시키는 과정에서 난관에 봉착하였다. 숨기는 과정에서 dotenv를 설치해 적용해야한다는 말을 듣고 import dotenv를 한 뒤에 dotenv.config()까지 했는데 프로젝트를 실행하려니 이러한 에러가 생기는 것이었다.

🐞 버그가 나타난 이유?

정말 간단한 문제였다. 해당 프로젝트는 create-react-app을 통해 생성한 react 앱인데, CRA를 통해 생성할 경우에는 당연히 dotenv를 내장한 채로 생성되기 때문에 굳이 위와 같은 import - 소스 적용 과정이 따로 필요없기 때문에 나타나는 에러였다. 

🕸 어떻게 이 버그를 잡을까?

별다른 방법이 필요없이, 소스에는 import dotenv와 dotenv.config()를 제거하고, 이전 상태 그대로 놔두면 된다. 참고로 .gitignore 파일에 .env 파일명은 넣어줘야 한다.