manifest.json of web app in sub directory not detected manifest.json of web app in sub directory not detected google-chrome google-chrome

manifest.json of web app in sub directory not detected


1) HTTPS is required for PWA to work. Also having a valid certificate will avoid certificate validation issues. You can generate one for local using the below command.

openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem

2) When both index.html and manifest.json are in same file, you can link to it without the "." like below. It can sometime due to difference in web server on how it solves the path. Yes, Ideally "." should refer to current folder though. Buts its worth a try to have your local server working.

3) Not sure what web server you are using. You would eventually need one with supports service worker (Some like ng serve in Angular don't support service worker yet). http-server is a good option.

Install -> npm install http-server -g

Run this command in your build folder ->

http-server -o -i 172.22.49.205 -p 8080 -S

3) If you go to Chrome Developer tools -> Application -> Manifest and if it says "No Manifest Detected", then you can be sure manifest if not coming up and one of the above might help fix it.