[Error] Uncaught TypeError: Failed to resolve module specifier "fs". Relative references must start with either "/", "./", or "../".

🚨 에러 메세지

Uncaught TypeError: Failed to resolve module specifier "fs". Relative references must start with either "/", "./", or "../".

• 상황: FE post-detail.js에서 댓글등록버튼을 누르면 json파일에 새롭게 댓글 데이터가 추가되도록 하는 기능 구현중이었음.

❓ 에러 원인

브라우저에서 Node.js모듈을 사용하려고 할 때 발생.
fs모듈은(파일의 읽기,쓰기 등의 작업을 처리) Node.js의 기본 모듈로 브라우저에서는 사용할 수 없다.
브라우저는 파일 시스템에 직접 접근할 수 없기 때문에 이 모듈을 지원하지 않는다.

💡 해결 방법

프론트에서 직접 사용하려 하지말고 백엔드로 분리하여야 한다.
서버에서 fs파일 작업을 처리한 후, API로 데이터를 불러오는 방식을 사용해야 함.

아직 프론트 작업중이라, 백엔드 분리한 후 다시 해봐야겠다.