Manifest: Line: 1, column: 1, Syntax error
I had to have two things configured:
%PUBLIC_URL%in the href of the manifest in index.html:<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />Configure
homepagein package.json to the directory where your app will live:"homepage": "https://example.com/myapp",
If your manifest file is at root level (where your index.html is) you can reference to it like the following in the <head> tag of your index.html file:
<link rel="manifest" crossorigin="use-credentials" href="manifest.json"/>
Plus the startUrl in the manifest file should be:
"start_url": "/"
as you target the root as starting point.
Otherwise if you would serve your app with a specific base url, you should reflect it in the startUrl property:
Example:
--> www.myapp.com/my-other-url-part/
Use:
"start_url": "/my-other-url-part/"
Or simply:
"start_url": "./" <-- This would match any base-href != "/"
You should then set your web server to automatically serve the index.html file (this is often enabled per default)
For me it was so simple to fix , just a matter of code orgnizing in the index.html , the following link tag has to be on top of the few copied from the favicon generator , just bellow the meta tags
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
I had the exact same problem (on an Azure Windows Web Service). I just created a new web.config in the root folder with the following content (or edit the existing, if there is one):
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".json" mimeType="application/json" />
</staticContent>
<modules runAllManagedModulesForAllRequests="true"/>
</system.webServer>
</configuration>
This adds the mime configuration for json-files.