PWA

Last updated on by

Setup PWA for your site.

Setting up

Colors

RESILIENT PWA

​

PWA FAQs

PWA builder is showing error 500

While Generating Android App this issue is faced by some users when your icon image is not of 512×512 px in size.

PWA Plus icon does not appear.

The + Icon will not appear in your PWA because of many reasons. There are 2 files required for PWA,

  1. 1.Manifest : manifest.json : https://vibethemes.com/manifest.json​
  2. 2.Service Worker : firebase-messaging-sw.js : example : https://vibethemes.com//firebase-messaging-sw.js?v=0.0002​

Both are located in your website root. So you should be able to access them like above links for vibethemes.com

Possible reasons for PWA not working :

  1. 1.Missing Manifest
  2. 2.Missing Service worker file
  3. 3.Missing Icons in Manifest.json
  4. 4.Javascript errors in Service worker file
  5. 5.Scope mismatch of manifest and serviceworker
  6. 6.HTTPS missing
  7. 7.Huge Page and loading times

Each of these have a different debug method and for 1,2,3,4 you can attempt re-generating the service worker from WP admin – Vibebp – Settings- BuddyPress but in general to debug you have to open your site in chrome browser and look for errors in Application :

​

Editing Elementor Pages When Service Worker is Enabled

When Service Worker is enabled in Vibebp – Settings – General. You are not able to edit the pages in Elementor. This happens as the service worker caches scripts and Elementor is not able to work properly. The quick fix is to unregister the service worker on the page while editing in elementor.

After clicking Unregister, reload the page and your page starts loading normally. This will work with all the page builders(whatever you are using).