[React] MSW - Failed to register the Service Worker: Failed to register a ServiceWorker for scope

현재 프로젝트에서 백엔드 작업이 딜레이가 되어 msw로 테스트를 진행하려고 했는데, 

오류가 발생했다. 

 

오류 내용은 제목과 같은 

[MSW] Failed to register the Service Worker: Failed to register a ServiceWorker for scope

설정을 전부 하고 실행을 시켰는데 정상적으로 msw가 실행되지 않았다. 

 

그래서 다시 처음부터 설정을 해봤는데, 내가 놓친것이 있었다. 

msw는 프로젝트 내에 mockServiceWorker.js 파일이 있어야 정상적으로 작동하는데, 이것은 내가 직접 만드는 것이 아닌

명령어를 통해서 생성하는 것이다. 

 

npx msw init 폴더

를 통해서 public 폴더에 mockServiceWorker를 생성하니 정상적으로 msw가 작동했다.