Search code examples
google-chromeprogressive-web-appsmanifest.jsonquasar

Chrome does not find manifest.json file in the root of public pwa folder built with Quasar

I have built a pwa application using the Quasar framework. It puts all the necessary files in the dist/pwa folder including a manifest.json file. However, Chrome's dev tools does not list this file in the sources tab. The actual web page shows up correctly in the browser. It just doesn't detect the manifest file for some reason.

I have this in the head tag of index.html

<link rel="manifest" href="/manifest.json">

This is the screenshot of the sources tab: Manifest.json is missing

I expect the manifest.json file to show up under the sources of Chrome's dev tools and under Application it says "No Manifest Detected".

No manifest detected

Any help would be much appreciated.

Solution

  • This was because of an error in the HTML file. I had some mismatching tags that. Just make sure your HTML file is valid and rule out the obvious first!