Manifest.json 意外的令牌

Question

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

我尝试查找此错误，似乎我需要更改 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

Answer 1

此错误意味着对 manifest.json 的请求没有 return 有效的 JSON 响应。可能它 return 是一个 HTML，考虑到它因为开始 <.

而失败的事实

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

EDIT1：您的 link 清单似乎已损坏。在 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 link 并且可以确认错误。您的页面试图在路径 /cat-cards/manifest.json 下找到 manifest.json，这是错误的。应该只是 manifest.json

Answer 2

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

Answer 3

我遇到了类似的问题。我将添加它，因为这是 SO post 我在尝试弄清楚时最终得到的结果。我在我的 "JS not allowed" 文件中包含了一些生成的图标标记。我的 manifest.json 在我的 src/ 目录中，因此粘贴的标记引用了一个不在我的 public 根目录中的清单。样板代码然后 returned "JS not allowed here" EJS HTML 作为 manifest.json 的实际 return 值，所以浏览器将其视为格式错误 JSON... 不理想。

因此，如果您的路由器要 return 这种针对不良 HTTP 请求的事情，例如 Ant Design Pro 所做的，那可能是您的问题。

Answer 4

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

Answer 5

我遇到了同样的问题，我通过以下方式解决了它：

在你的 React 应用程序中进入 package.json 文件。
您将在顶部看到主页属性，将其删除或者复制 URL。

如果您删除它然后再次创建构建并在您的 express.static('./build').
中使用该构建
如果您复制它，则在您的 Express 服务器文件中的 app.use("that copied url" , express.static('./build')) 中使用 url。

Answer 6

检查 index.html inside build 和 inside your public folder。我遇到了同样的问题，只是发现 Html 没有其他问题。

谢谢比诺德·辛格

Answer 7

运行今天进入这个问题。我的团队遇到的问题是 server.js 文件中的 app.use(routes) 线在静态资产之上 app.use(express.static("client/build"))

将它移到下方允许站点适当地部署到 heroku。

Manifest.json 意外的令牌

Manifest.json Unexpected Token

javascript

node.js

express

reactjs

manifest.json