Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

manifest.json 404 (Not Found)

I have a react application that works fine locally. However after I deploy to Azure Web App I get following error in console:

https://xxx.azurewebsites.net/manifest.json 404 (Not Found)

I can see the purpose is when people install the app on a mobile, then REACT renders differently dependent on the devise. I can also see it is located in the index.html file:

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

As my app is a web site does this file has any effect? Can I just delete it or should I try to solve the error? And if yes how?

like image 275
Thomas Segato Avatar asked May 11 '20 12:05

Thomas Segato


People also ask

What is manifest JSON file?

json file is the only file that every extension using WebExtension APIs must contain. Using manifest. json , you specify basic metadata about your extension such as the name and version, and can also specify aspects of your extension's functionality (such as background scripts, content scripts, and browser actions).

What is manifest JSON in angular?

The web app manifest provides information about an application (such as name, author, icon, and description) in a JSON text file. The purpose of the manifest is to install web applications to the homescreen of a device, providing users with quicker access and a richer experience.

What is manifest JSON in web?

The web app manifest is a JSON file that tells the browser about your Progressive Web App and how it should behave when installed on the user's desktop or mobile device.

How do I see manifest JSON?

First check if manifest. json is applied in the browser. For that open developer window by pressing shortcut F12. In Application tab, click Manifest option and see if it displays information that you have set.


Video Answer


1 Answers

Are you using create-react-app?

The manifest makes only sense when you want that your users can install your app so it works without an internet connection e.g. Thats in the end a Progressive Web App. So for you it's probably fine to just remove the line.

(under which path does your app serve? Maybe you have to specify a base path: https://create-react-app.dev/docs/deployment/#building-for-relative-paths

like image 111
Max Schmitt Avatar answered Oct 18 '22 05:10

Max Schmitt