Converting Your React Vite App into PWA

[@codin7367]

still not working, why you don't show the preview of the progressive web app, did you made a mistake?

[@aminetrikitv]

What is the problem that appears in console or lighthouse? You can see my code on github: github.com/Amine-Triki/wather-react-pwa And website: wather-react-pwa.vercel.app/

[@AnantGupta-c6c]

sirf background mai music lagake video engaging nhi banti

[@ns-gabrielmendoza1329]

Where did the masked-icon and all the icon images came from?

[@aminetrikitv]

You can use favicon.io to create icon images and maskable.app/editor to create maskable icons

[@infinitecodes]

Bro please provide the source code also

[@aminetrikitv]

github.com/Amine-Triki/wather-react-pwa

[@DevDan115]

I just did this And it worked but the indexeddb that I was using stopped working so did the speechSynthesis api

[@aminetrikitv]

1. Ensure the Service Worker Doesn’t Cache Incorrect Requests: Make sure the Service Worker is not caching responses for IndexedDB requests. These requests should be directed straight to the server or IndexedDB, not through the cache. Verify that the cache path doesn’t include data related to IndexedDB or the SpeechSynthesis API. 2. Check Permissions: Ensure that the SpeechSynthesis API has the necessary permissions to work even with the Service Worker. You can try running the SpeechSynthesis API without the Service Worker enabled to see if the Service Worker is causing the issue. 3. Handle Errors: Add logging to the Service Worker to monitor requests and see if any requests related to IndexedDB or the SpeechSynthesis API are being blocked or modified. self.addEventListener('fetch', (event) => { console.log('Fetching:', event.request.url); // You can add a condition to exclude specific requests }); 4. Verify IndexedDB and SpeechSynthesis API: Run tests on the IndexedDB and SpeechSynthesis API immediately after enabling the Service Worker to ensure these APIs are working as expected. If issues persist, try disabling the Service Worker to see if it’s the root cause.

[@DevDan115]

@@aminetrikitv How do I check all this And how do I disable the service worker cache

[@DevDan115]

@@aminetrikitv I think the issue was the safari version I’m using it’s working just fine on my desktop Thanks for the tutorial

[@sofmagon]

Thanks a lot !!!

[@agathant.a]

yoo bro.. can you provide a tutorial on the instalation Vite PWA?

[@aminetrikitv]

Hello, For React or Vue, you need to use 'npm i vite-plugin-pwa' . If something is not clear, tell me exactly what the problem is and I will try to answer.

[@randyb6312]

*PromoSM*