[React] [MSW] Failed to register the Service Worker:

msw라는 라이브러리로 가상 서버를 구현하면서, 만들어준 API를 생성한 msw에 등록한 뒤, msw를 동작시키려 하던 중 다음과 같은 에러가 발생했다.

이건 뭐지..?

오류를 해결하기에 앞서 MSW란, 테스트 또는 개발 목적으로 제어되고 예측 가능한 환경을 제공하기 위해 애플리케이션의 HTTP 요청을 중간에서 가로채 실제 네트워크 요청을 하지 않고도 서버 응답을 시뮬레이션 할 수 있도록 하는 라이브러리이다.

여기에서 MockServiceWorker.js 파일은 MSW의 worker script 기능을 수행한다. 이 스크립트에는 MSW 라이브러리를 활용한 내 애플리케이션이 개발 환경에서 구동 중일 때, 미리 선언된 request handler들을 사용하여 처리할 수 있도록 MSW의 구성과 코드 기본값(request handlers와 모의 응답 설정을 포함)이 적혀 있다고 한다.

다시 말해서, 이 에러는 내가 msw 실행 전 MockServiceWorker.js라는 파일을 public 폴더에 생성해주지 않았기 때문에 발생한 것이었다.
이 파일을 생성해주기 위한 명령어는 아래와 같다.

npx msw init public/

해당 파일 설치 이후에는 코드가 정상 작동하는 것을 확인할 수 있었다.