pwa-tutorial | demo application that serves as a tutorial | Progressive Web Application library
kandi X-RAY | pwa-tutorial Summary
kandi X-RAY | pwa-tutorial Summary
A simple progressive web application that demonstrates the use of Service Workers, Cache API and offline functionality; the use of a Manifest for Web and Add to Homescreen.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Retrieves arrivals service service
- Initialize a viewportViewModel adapter .
- Controller for loading arrivals .
- ViewModel view model .
- Creates a new ViewModel model
- functions for binding .
- create a timeout
- the function
- Simple combination of cyclic dependencies
- define a replacement function
pwa-tutorial Key Features
pwa-tutorial Examples and Code Snippets
Community Discussions
Trending Discussions on pwa-tutorial
QUESTION
Hey I am trying to program my first pwa and got the following problem:
when I start my web app I get the following error:
Site cannot be installed: no matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest
I think my manifest url is right because of this link
manifest.json
...ANSWER
Answered 2018-Jan-03 at 14:04Place the service worker script file at the root of your website and set start_url
to /
, or place it wherever you want and use the scope
property and the Service-Worker-Allowed
HTTP header as in my other answer.
QUESTION
I have a manifest.json according to the MDN spec and while it works correctly when browsing the website from a mobile device (add to homescreen popup shows up, theme color and icons load...etc) Chrome Dev Tools is unable to parse it. The same problem persists on Lighthouse (chrome extension).
Has anyone seen a similar issue? I would think that the JSON is invalid however copy-pasting into Web App Validator it is marked correct, but when inputting the URL it giving a parse error:
File isn't valid JSON: SyntaxError: Unexpected token in JSON at position 0
ANSWER
Answered 2017-Apr-07 at 16:02It is probably a BOM character issue in the manifest.json
file.
If you have Notepad++ on your machine, try open the file, click menu "Encoding" -> "Encode in UTF8 without BOM" and then save the file.
If you don't have Notepad++, search Google for "Remove BOM character" for your favorite IDE/editor.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install pwa-tutorial
Run npm start to start the server, accessible through your browser on http://localhost:3000
Run grunt dev_watch to set up grunt watchers if you will be doing any development changes
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page