Syntax error: Manifest json on chrome browser

by Kyle Ma   Last Updated August 13, 2019 20:26 PM - source

I'm getting syntax error in my manifest.json build file. It shows the error right at the beginning of my index.html file (Very strange). Does anyone know if this error causes my images and containers to not render on React? I've been stuck on this for awhile and I cannot figure out why.

I've already tried:

  1. Add manifest_version 2 since that's chrome current version.
  2. Changed doctype! to DOCTYPE! in my index.html file.
  3. Checked for all syntax errors in dev env.
  4. Updated npm. And reran npm run build.
  5. Hosting on development server at http://127.0.0.1:8000/ through django runserver script.

Below is my manifest.json

     {
      "manifest_version": 2,
      "app": "",
      "Short_name": "React App",
      "Name": "Create React App Sample",
      "icons": [
     {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
     }
    ],
      "start_url": "./index.html",
      "display": "standalone",
      "theme_color": "#000000",
      "background_color": "#ffffff"
    }

This is the error Manifest: Line: 1, column: 1, Syntax error.

Picture of GET status of manifest.json

Picture of Chrome Application window error

Picture of my File structure (Build folder)

Picture of my Django app root settings (Build DIR)



Related Questions


Chrome Web App Manifest Keep Query Params

Updated August 28, 2018 13:26 PM



add to home screen not showing up PWA

Updated April 12, 2018 20:26 PM