Problem with manifest Line 1 Column 1 Syntax Error No resource with given URL found

Question

I am having an issue once the react app site is deployed with the manifest being blank. When running on localhost, it displays normally under the Chrome dev console under Application. Here is my line with reference to it on my index.html.

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

Here is my manifest.json

{
  "short_name": "Test",
  "name": "Test React App",
  "icons": [
    {
      "src": "example-192x192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "example-512x512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": "/",
  "display": "fullscreen",
  "theme_color": "#ffffff",
  "background_color": "#ffffff"
}

I have spent a ton of time trying to understand why the manifest is completely blank when deployed but does not have any errors when running locally. From the docs, it seems it should work. Am I missing something? If it helps, I am deploying over AWS. Any information would be helpful.

Also, I adjusted my index.html to look like href="manifest.json" as well

David Brossard · Accepted Answer · 2020-09-02 18:52:29Z

3

I needed to add crossorigin="use-credentials" to get rid of the error. My manifest.json is located in the public folder.

<link rel="manifest" crossorigin="use-credentials" href="%PUBLIC_URL%/manifest.json" />

edited Sep 2, 2020 at 18:52

David Brossard

13.8k6 gold badges61 silver badges91 bronze badges

answered Sep 2, 2020 at 17:02

laurenyz

623 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dharman · Accepted Answer · 2020-08-25 02:06:16Z

0

If you used create-react-app and then used some tool to generate your favicon and html meta tags then becareful not to make a duplicate of <link rel="manifest" href="/manifest.json"/>. For me, this is what cause the error.

edited Aug 25, 2020 at 2:06

Dharman♦

33.9k27 gold badges103 silver badges157 bronze badges

answered Aug 25, 2020 at 2:00

user14048918

Collectives™ on Stack Overflow

Problem with manifest Line 1 Column 1 Syntax Error No resource with given URL found

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related