PWA is not working, Service worker is working but no manifest file was generated

[Adam]

PWA is not working, Service worker is working/generated but no manifest file was generated. We don't see (+) sign in browser address bar. We don't see add to home screen in mobile phone. We followed the youtube video: https://www.youtube.com/watch?v=LSHRqf-gm14 We added app icon with correct size and then click regenerate service worker. No issue while generating service worker. But still no + sign in browser console. We cleared varnish cache from server but still no luck. Could you please check our site: hublearn.com and click the about link on menu. I will share login details in next message as private. https://prnt.sc/v53yry https://prnt.sc/v53yzg Also in the Service worker tab, background sync and push notifications links are not working. It redirects to General settings VibeBP page. Though In front-end I can see a popup for push notification.

[Adam]

This reply has been marked as private.

[MrVibe]

checking site.

[MrVibe]

conflicting settings. fixing. There is no point of adding a login redirect if you are using buddypress single page.

[MrVibe]

Unfortunately, your analysis is just the opposite. The manifest is perfect : https://prnt.sc/v7wu55 The service worker shows error : https://prnt.sc/v7wt3p because : https://prnt.sc/v7wsd8 So change site url and home url in wordpress settings https://prnt.sc/v7wukx , it is also a not a good practice to add www to url's for SEO perspective. I tried to change but the site became unresponsive. Change the DNS settings and remove the www optionally login via cpanel to add www and manage the service worker manually. Either way this is a configuration issue in your wordpress setup.

[MrVibe]

so clearing cached data the site is working again but the url's is again showing the issue.

[MrVibe]

turns out my analysis is wrong. the WWW is perfectly fine to keep. There is 1 image in your service worker without https which is causing this issue. https://prnt.sc/v7x520 re-upload the image and re-generate service worker. Then everything should work fine.

[Adam]

Your last screenshot does not say exactly which image is http. I dont see full url in the screenshot. Could you please mention which image is non https. Default image is what we used is SVG format. I think we need PNG format. Correct ? We were having problem (Site was not loading suddenly and we didnt know what causing this issue, Now we understand) when you changed the www from domain url. Please don't do that. We were panicked. Finally our server people fixed it. All non-www redirects to www.hublearn.com.

[Adam]

https://prnt.sc/v82mdi All our images is PNG format. All are https.

[Adam]

your PWA app is not asking to add to home screen popup in mobile.

[Anshuman Sahu]

Hi we added this FAq today itself to check all the points for PWA " https://docs.wplms.io/admin-guide-faqs#pwa-plus-icon-does-not-appear

[Adam]

https://www.hublearn.com/welcome-hublearn service worker is running but there is an error in manifest. it says lang: en_US is invalid language code. i can see this error in application tab in firefox. our manifest code look like this:

{"lang":"en_US","name":"HubLearn","short_name":"HubLearn","theme_color":"#598dee","background_color":"#fafafa","display":"fullscreen","scope":"\/","start_url":"https:\/\/www.hublearn.com\/welcome-hublearn\/","gcm_sender_id":"103953800507","icons":[{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-72x72.png","sizes":"72x72","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-96x96.png","sizes":"96x96","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-128x128.png","sizes":"128x128","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-144x144.png","sizes":"144x144","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-152x152.png","sizes":"152x152","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-192x192.png","sizes":"192x192","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-384x384.png","sizes":"384x384","type":"image\/png"},{"src":"https:\/\/www.hublearn.com\/wp-content\/uploads\/icon-512x512.png","sizes":"512x512","type":"image\/png"}]}

[Anshuman Sahu]

Hi we noticed you are using push notifications and it also uses manifest.json . Please disable it and again try to enable service worker and generate the app.

[Author]

Posts