javascript - Manifest.json 意外标记

Question

你好，我将一个 react/express 项目推送到 heroku ( https://polar-oasis-57801.herokuapp.com/ ) 并在控制台中收到以下错误: Chrome console error messages

我尝试查找此错误，似乎我需要更改 manifest.json 文件中的某些内容，但我不确定。任何建议都会有所帮助。这是我的 list 文件:

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

还有我在 Github 上的项目:https://github.com/bernar83/cat-cards

Answer 1

这个错误意味着请求到manifest.json不返回有效的 JSON 响应。考虑到由于开始 < 而失败的事实，它可能会返回一个 HTML。 .

一定要链接 manifest.json正确并确保在部署过程中保持其完整性。尝试导航到 http://yoururl/manifest.json并检查结果。

EDIT1:您的 list 链接似乎已损坏。在 https://github.com/bernar83/cat-cards/blob/master/client/public/index.html , 尝试替换

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

与

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

EDIT2:刚刚检查了您的 Heroku 链接，可以确认错误。您的页面试图找到 manifest.json在路径下/cat-cards/manifest.json这是错误的。它应该只是manifest.json