PWA MODE doesn't installable

[1377sayaba]

PWA MODE doesn't installable

hello
at the start I want say thanks for amazing quasar .
report of lighthouse
I have a problem in my projects that PWA MODE doesn't installable
can i reinstall PWA mode ?

[suleimanas]

hello, you need to provide more information
do you use webpack or vite
is PWA mode installed - do you have src-pwa folder in your project
do you have your pwa configs and manifest already setup in quasar.config

[1377sayaba]

i use webpack
is PWA mode installed - do you have src-pwa folder in your project ? yes
do you have your pwa configs and manifest already setup in quasar.config ? yes

[rstoenescu]

Post a repo and the output of "quasar info" command inside of your project folder.
Or:

[1377sayaba]

thanks for your response
For the sake of code protection, I have emailed items with the same title as this thread

[rstoenescu]

It seems that you have manually added /public/icons/site.webmanifest and linked to it in /src/index.template.html. This interferes with the Quasar generated service worker (through workbox). Remove the file and <link rel="manifest" href="icons/site.webmanifest" /> from the html file.

[1377sayaba]

I removed the interference
But only the errors changed


my manifest:
{ "name": "Suppliers of Bamachoub", "short_name": "بامافروش", "description": "وب سایت تامین کنندگان فروشگاه باماچوب", "display": "standalone", "start_url": "https://supplier.bamachoub.com", "icons": [ { "src": "/icons/icon-128x128.png", "sizes": "128x128", "type": "image/png", "purpose": "maskable" }, { "src": "/icons/ms-icon-144x144.png", "sizes": "144x144", "type": "image/png", "purpose": "maskable" }, { "src": "/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" }, { "src": "/icons/icon-256x256.png", "sizes": "256x256", "type": "image/png", "purpose": "maskable" }, { "src": "/icons/icon-384x384.png", "sizes": "384x384", "type": "image/png", "purpose": "maskable" }, { "src": "/icons/icon-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ], "orientation": "portrait", "background_color": "#ffffff", "theme_color": "#50459c", "prefer_related_applications": false }
my site