This content originally appeared on DEV Community and was authored by Shubham
The Mistakes that make your pwa not valid to install. Or service and manifest does not meet installability
Today,I'm writing the mistake that I created while making my pwas and grabbed some knowledge and now I am sharing that knowledge with you.
M1 : Icons purpose .
In webmanifest we have to declare the purpose of our icon in "icons":[{"purpose":"my purpose"}]
We write purpose maskable but it is not valid for Installiblity. You have to declare purpose to any .
{
...
"icons":[
{
...
"purpose":"any"
}
]
}
M2 : Broken path.
It's more important that you have to write correct path every time.
If you write any broken path it will not meet Installiblity.
Where it's important.
- While Adding caches(sw.js)
- While writing paths of icon , scope and start_url.(manifest)
## M3 : Path have to smaller case
In my app
I was written
https://formal-stack.netlify.app/APP/
And my folder was also
APPbut it's important that start_url and scope in manifest have to match with the scope of registration of service worker (with case sensitivity). I replacedAPPwithappand my app became installable. ## source code If you want to check pwa example. Check https://notableapp.github.io
https://formal-stack.netlify.app
NotableAPP
/
Formal-stack-pdfs
Make pdf from image , markdown and more is coming...
Formal-stack-pdfs
Hey there this is app where you can create pdfs with jsPDF library and our ui/ux this will help you to convert the images into pdf
App running at - https://formal-stack.netlify.app
Currently under development.....
This content originally appeared on DEV Community and was authored by Shubham
Shubham | Sciencx (2021-08-22T13:09:38+00:00) PWA || Mistakes While making pwa INSTALLABLE. Retrieved from https://www.scien.cx/2021/08/22/pwa-mistakes-while-making-pwa-installable/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.