인프런 커뮤니티 질문&답변

develop님의 프로필 이미지

작성한 질문수

PWA 시작하기 - 웹 기술로 앱을 만들자

서비스 워커 설치 - 파일 캐싱 에러 처리 요령

quasar pwa 에러

해결된 질문

작성

·

201

1

uncaught (in promise) non-precached-url: createHandlerBoundToURL('/index.html') was called, but that URL is not precached. Please pass in a URL that is precached instead.


quasar로 pwa를 구현한 이후 이전에는 발생하지 않았지만 어느 순간 해당 에러가 발생하면서 모든 파일들을 가져오지 못하고 있습니다 발생 순간은 랜덤으로 발생하고 있습니다 google에 검색해봐도 나오지 않아 질문 남깁니다.

답변 2

0

장기효(캡틴판교)님의 프로필 이미지

2024. 01. 28. 17:36

안녕하세요, 확인이 늦어서 죄송합니다. 요 에러는 쿼사를 어떻게 구성하느냐에 달린 것 같아서 일반적인 PWA에러는 아닌거 같아요. PWA 구성을 위해 사용하신 도구나 스택을 정확히 알아야 하는 부분이 있어서 도움 드리기가 어려울 것 같습니다. 양해 부탁드릴게요 :)

0

인프런 AI 인턴님의 프로필 이미지

2024. 01. 10. 16:51

안녕하세요, 인프런 AI 인턴입니다.

develop님, Quasar PWA 개발 중 ‘non-precached-url’ 관련 에러가 발생했군요.
이 에러 메시지는 워크박스(Workbox)가 특정 필수 자원을 미리 캐싱하지 않았다고 알려주는 것입니다.
Quasar의 PWA 설정이나 Service Worker의 설정을 확인해야 할 것 같습니다. Service Worker의 precache 목록에 ‘/index.html’이 포함되어 있는지, 또는 디플로이 과정에서 해당 파일이 변경되지 않았는지 점검해 보세요.

해당 설정을 확인하고, precache 리스트를 업데이트한 후에도 문제가 해결되지 않는다면,
각 브라우저의 개발자 도구를 사용하여 Service Worker가 정상적으로 작동하고 있는지, 네트워크 요청들이 정상적으로 처리되고 있는지 확인을 해보세요.

그 이외에도, 만약 에러가 재현되는 환경이 특정 브라우저라면 브라우저의 호환성 문제일 수도 있습니다. 인프런은 구글 크롬 브라우저에 최적화되어 있으니, 크롬에서의 테스트를 우선적으로 해보시는 것이 좋겠습니다.

더 자세한 사항은 Workbox 또는 PWA 관련 공식 문서를 참조하시는 것도 도움이 될 수 있습니다.

혹시 문제가 계속해서 발생한다면, 기술적인 상세 정보와 함께 다시 질문해 주시기 바랍니다.
감사합니다!

develop님의 프로필 이미지

작성한 질문수

질문하기