显示错误。行：1，列：1，Flask 中的语法错误答案

【问题标题】：Manifest error. Line: 1, column: 1, Syntax error in Flask显示错误。行：1，列：1，Flask 中的语法错误
【发布时间】：2020-10-18 19:14:05
【问题描述】：

我正在尝试将 manifest.json 文件链接到我构建的网站以将其转换为 PWA。后端使用了html/css 和python flask。
我不知道是路径问题还是其他问题。正在检测到 Service Worker，并且工作正常。
但在应用程序清单中，我收到此错误清单不是有效的 JSON。行：1，列：1，意外令牌
manifest.json文件


{
  "name": "Flask-PWA",
  "short_name": "Flask-PWA",
  "description": "A progressive webapp template built with Flask",
  "theme_color": "transparent",
  "background_color": "transparent",
  "display": "standalone",
  "orientation": "portrait",
  "scope": "/",
  "start_url": "../templates/login_user.html",
  "icons": [
    {
      "src": "images/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "images/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

这是清单的文件结构

【问题讨论】：

标签： python html flask progressive-web-apps manifest.json

【解决方案1】：

更改内容类型

在开发者控制台中检查您的网络选项卡并查找 manifest.json 请求。如果响应的内容类型是text/html，那么您可能需要在烧瓶路由中添加一个额外的标头，将Content-Type 更改为application/json。

使用python对象

如果更改内容类型不起作用，您可以将整个清单编写为 python 对象，然后 jsonify 将其返回给浏览器。

from flask import jsonify
@app.route('/manifest.json')
def manifest():
    return jsonify(manifest_python_object)

【讨论】：