Manifest.json 意外令牌

IT技术 javascript node.js reactjs express manifest.json
2021-05-06 19:33:18

您好，我将一个 react/express 项目推送到 heroku（https://polar-oasis-57801.herokuapp.com/）并在控制台中收到以下错误： Chrome 控制台错误消息

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

{
  "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

4个回答

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

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

EDIT1：您的清单链接似乎已损坏。在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

我"/cat-cards/"在我的 server.js 文件中添加了这个更改，所以现在它是app.use("/cat-cards/", express.static("client/build"));. 添加该更改并推送到 Heroku 使我的网站正常工作。这对我有帮助：https : //github.com/facebook/create-react-app/issues/1812#issuecomment-286511320

我有一个类似的问题。我会添加它，因为这是我在试图弄清楚时最终看到的 SO 帖子。我在我的“JS not allowed”文件中包含了一些生成的 favicon 标记。我的 manifest.json 在我的 src/ 目录中，所以粘贴在标记中引用了一个不在我的公共根目录中的清单。然后样板代码返回“此处不允许使用 JS”EJS HTML作为 manifest.json 的实际返回值，因此浏览器将其视为格式错误的 JSON... 不理想。

因此，如果您的路由器要为错误的 HTTP 请求返回此类内容，就像 Ant Design Pro 所做的那样，那可能是您的问题。

是的，我遇到了这个问题并为此苦苦挣扎，然后我遵循这对我有帮助：https : //github.com/facebook/create-react-app/issues/1812#issuecomment-286511320链接。它绝对有效。我感谢分享此链接的人。

其它你可能感兴趣的问题
上一篇使用 Ajax 在 React.js 中提交表单 下一篇如何将电源和风扇连接到 RAMPS 1.6？