PWA Service Worker를 비활성화 하기

1/22/2025
1

최근 PWA를 사용한 프로젝트를 제작하면서 5173 포트에 Service Worker를 등록하는 일이 있었습니다.

그러나 이 Service Worker가 5173 포트를 사용하는 다른 프로젝트에도 영향을 미쳐 웹사이트 메타데이터가 Service Worker에 등록된 정보 바탕으로 override 되고 콘솔에 관련 없는 PWA 로그들이 찍히는 문제가 발생했습니다.

image

해결 방법은 생각보다 간단합니다

개발자 도구 -> Application탭 -> Service Workers섹션 -> Unregister를 선택하면 등록되어 있던 Service Worker의 연결이 풀리면서 문제가 해결됩니다.

image

ⓒ 2025 devfiro.com