Chrome web manifest not detected on page reload

My webpage detects the web manifest when I first build it

But when I reload the page, Chrome says it cannot detect it. Is this a known issue? what could lead to this problem? manifest.json:

{
  "name": "BARCly",
  "short_name": "BARCly",
  "display": "standalone",
  "start_url":".",
  "background_color": "#8221e5",
  "icons": [{
    "src": "images/BARC_logo_48px.png",
    "sizes": "48x48",
    "type": "image/png"
  }, {
    "src": "images/BARC_logo_72px.png",
    "sizes": "72x72",
    "type": "image/png"
  }, {
    "src": "images/BARC_logo_96px.png",
    "sizes": "96x96",
    "type": "image/png"
  }, {
    "src": "images/BARC_logo_144px.png",
    "sizes": "144x144",
    "type": "image/png"
  }, {
    "src": "images/BARC_logo_168px.png",
    "sizes": "168x168",
    "type": "image/png"
  }, {
    "src": "images/BARC_logo_192px.png",
    "sizes": "192x192",
    "type": "image/png"
  }],
  "related_applications": [{
        "platform": "web"
    }],
  "related_applications": [],
  "prefer_related_applications": false
}

index.html

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