Source:  Twitter logo

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?

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

4 users liked answer #0dislike answer #04
Max Schmitt profile pic
Max Schmitt

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

0 users liked answer #1dislike answer #10
AMAL MOHAN N profile pic
AMAL MOHAN N

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"}]}
    ]
  }
}
0 users liked answer #2dislike answer #20
Fahry Mohammed profile pic
Fahry Mohammed

Copyright © 2022 QueryThreads

All content on Query Threads is licensed under the Creative Commons Attribution-ShareAlike 3.0 license (CC BY-SA 3.0).