0

내 React 앱에서 Sw-Precache를 사용하여 내장 된 자산 (예 : vendor.js, app.js 및 아이콘)을 사전 캐시했습니다. 그러나 결과는 바람직하지 않습니다. 페이지를 새로 고침 할 때 내 앱 애셋이 모두 다시 가져 오지만 (서비스 요원으로부터) 곧 잠시 동안 모든 것이 사라지고 (페이지가 비어 있음) 애셋이 표시됩니다. Screen capture of my app on page reload. 비교해 보면 https://pwa.rocks/의 목록에있는 the Session 앱이 있습니다. 이는 진정으로 오프라인으로 캐싱되어 재로드시에도 정적 자산을 다시 가져 오지 않습니다. Here is also a screen capture of the session app on page reload. 나는 무언가가 있다는 것을 긍정적입니다. 나는 무엇을 놓치고 있습니까?셸 캐시 된 프로그레시브 webapp가 원하는대로 작동하지 않습니까?

답변

0

간단히 말해서 HTML이 반환되고 페이지가 비어 있고 자바 스크립트가 실행되어 콘텐츠로 DOM을 채우는 데 시간이 걸릴 수 있습니다. 여기서 Session은 서비스 작업자로부터 채워진 HTML을 반환합니다.