manifest.json 404 (Not Found)

Question

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?

I'm having the same problem. I need the manifest.json since I want my app to be a PWA. Did anyone solved this? — basilisk
– basilisk, Commented Sep 16, 2020 at 12:52
I already tried updating the homepage in package.json and creating .env file but that didnt work — basilisk
– basilisk, Commented Sep 16, 2020 at 12:53

Max Schmitt · Accepted Answer · 2020-05-11 12:59:50Z

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

Yes I am using create-react-app. Thanks for the response. As it is a normal web page I just remove the line as I have no need for offline functionality:D

Fahry Mohammed · Accepted Answer · 2022-06-10 09:09:35Z

For production apps, you have to target build for the public in firebase.json like the following:

{ "hosting": { "public": "build", // Here you have to make changes. "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ], "headers": [ {"source": "/service-worker.js", "headers": [{"key": "Cache-Control", "value": "no-cache"}]} ] } }

AMAL MOHAN N · Accepted Answer · 2021-07-06 10:09:43Z

have you tried this?

go to angular.json

add manifest.json location in assets

"assets": [ "src/favicon.ico", "src/assets", "src/manifest.json" ],

restart dev server using ng serve

Collectives™ on Stack Overflow

manifest.json 404 (Not Found)

3 Answers 3

1 Comment

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Related