프로그레시브 웹 응용 프로그램 오류

Question

나는 가능한 모든 가이드 및 예제 다음, 진보적 인 웹 응용 프로그램을 작성했습니다 "오프라인 작동하지 않습니다"하지만 어떤 이유로 나는 Add to homescreen 버튼, 나는이 신비 오류가 계속 클릭 할 때 :

Site cannot be installed: does not work offline 

을

내 PWA와 예제의 주된 차이점은 광산이 순수하게 도메인의 비 루트 경로에서 실행된다는 것입니다. 따라서 다양한 위치의 구성에 추가 경로를 추가해야만 응용 프로그램이 비 루트 폴더.

Google Lighthouse 사이트는별로 도움이되지 않으며 매우 유사한 메시지를 제공합니다.

누구든지이 오류의 원인을 제안 할 수 있습니까?

Answer 1

그래서 몇 시간이 걸렸지 만 서비스 전문가에게 연결할 때 클라이언트 JavaScript에서 지정해야하는 필수 매개 변수는 scope입니다 (루트가 실행되지 않으면 /) 통로.

if ('serviceWorker' in navigator) { 
    navigator.serviceWorker.register('sw.js?v2', { 
     scope: '.' // <--- THIS BIT IS REQUIRED 
    }).then(function(registration) { 
     // Registration was successful 
     console.log('ServiceWorker registration successful with scope: ', registration.scope); 
    }, function(err) { 
     // registration failed :(
     console.log('ServiceWorker registration failed: ', err); 
    }); 
} 

현재 작업 제품을 볼 수 있습니다

• 앱을 : https://stampy.me/pwgen/
• 매니페스트 파일 : https://stampy.me/pwgen/manifest.json
• ServiceWorker 파일 : https://stampy.me/pwgen/sw.js
• 응용 프로그램 스크립트 : https://stampy.me/pwgen/script.js이 (위해 아래로 스크롤 PWA 코드)

나는 내 고통이 다른 누군가를 구할 수 있기를 바랍니다.