기본 구성 워크 상자

안녕하세요. workbox에서 몇 가지 기본 구성을 시험해보고 싶습니다. 웹팩 파일 부분 : 내가 오프라인 모드에서 페이지 갈 때 기본 구성 워크 상자

아직도 난 아무것도 볼 수 없습니다 :

new workboxPlugin({ 
    globDirectory: DIST_DIR, 
    globPatterns: ['**/*.{html,js,css}'], 
    swDest: path.join(DIST_DIR, 'sw.js'), 
}),

이 나에게주는 캐시에

importScripts('workbox-sw.prod.v2.0.1.js');  
    const fileManifest = [ 
      { 
      "url": "bundle.js", 
      "revision": "84672073db22fef0c8901d059044b7f2" 
      }, 
      { 
      "url": "js/index.js", 
      "revision": "74ca2d3205fd59dffc0e7245643f7872" 
      }, 
      { 
      "url": "main.css", 
      "revision": "ecce481ad315950d06e887ad1327bdf3" 
      }, 
    { 
    "url": "../index.html", 
    "revision": "ecce481ad315950d06e887ad1327bdf3" 
    } 
     ]; 

     const workboxSW = new self.WorkboxSW(); 
     workboxSW.precache(fileManifest);

내가 정보를 볼 sw.js. 서비스 직원이 작동하지 않는다는 의미입니까? 또는 내 구성이 잘못 되었습니까?

미리 감사드립니다.

출처

2017-09-08 user2217288

테스트 방법은 무엇입니까? 기본적으로 생성 된 SW는 SW가 처음 등록 될 때 창 클라이언트를 제어하지 않습니다. 페이지를로드하고 오프라인으로 이동 한 다음 다시로드를 누르면 SW가 제어되지 않습니다. 멀리 탐색 한 다음 페이지로 돌아와서 다시 테스트 할 수 있습니다. 또는 SW가 즉시 제어권을 갖도록하려면 구성에서'skipWaiting : true'와'clientsClaim : true'를 설정할 수 있습니다. –

나는 유모차를 추가하고 또한 dev 메시지가있는 스크립트를 변경한다. 모든 개발자 정보를 볼 수 있지만 새로 등록한 후에는 시작할 때만 볼 수 있습니다. localhost를 사용하는 xampp이 있습니다. 내가 오프라인 모드로 전환하면 페이지 나누기가 일어나지 않아야한다. – user2217288

index.html에 서비스 직원을 등록 하시겠습니까? –

현재 구성이 모든 번들을 캐시 저장 장치에 추가하는 동안. 웹 앱 "/"에 가면 sw이 정확한 URL과 일치하지 않을 것 같습니다.

키를 추가해야합니다. navigateFallback: index.html (귀하의 제품이 SPA 인 경우).

이제 웹 앱으로 이동하면 탐색에 실패하면 index.html이 열립니다.

출처

2017-09-23 04:25:31 prateekbh

내 자신의 설정 (생성되지 않음)을 작성하고 doc에서 URL을 추가하면 효과적입니다. 그 설정으로 시도해 봅니다. – user2217288

답변

관련 문제