代码之家 › 专栏 › 技术社区 › KiwiCoder

用于渐进式Web应用程序的manifest.json不工作

manifest.json progressive-web-apps reactjs

3

KiwiCoder · 技术社区 · 6 年前

我正在尝试为我的Web应用程序获取manifest.json文件。不幸的是,它不能正常工作。我在chrome devtools中收到以下错误:

行:1,列:1,意外标记。

我很确定JSON是有效的,但它可能与 html-head . 我在这里做错什么了?

我在HTML中链接它,如下所示:

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

清单如下:

{
  "short_name": "Tabbs Web App",
  "name": "Tabbs Web App",
  "description": "Tabbs is an digital booking service for the night life scenery",
  "icons": [
    {
      "src": "favicon.png",
      "sizes": "1024x1024",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "fullscreen",
  "theme_color": "#F5C33E",
  "background_color": "#ffffff"
}

这是我的地图结构:

希望有人能找到问题!干杯!

2 回复 | 直到 6 年前

1

3

Anand 6 年前

第一期,您的起始URL无效。你应该学会使用 how to generate Lighthouse report 帮助自己找到问题的原因。

而不是将起始URL设置为

"start_url": "./index.html",

"start_url": "http://tabbs-web-app.herokuapp.com/discover/home",

我不明白你提到的错误。不过,我得到了下面的一个,这是因为您的网站从非https请求加载内容。如果你的目标是使你的网站成为一个PWA一,转换所有的HTTP请求通过HTTPS和添加一个服务工人。

Site cannot be installed: the page is not served from a secure origin

这是灯塔审计报告,上面说舱单不是

2

0

Mohammad Ayoub Khan 5 年前

第一件事: 这个 "name": "slangoApp", 应该是这样的 "name": "slangoapp", 请记住,它不应包含空格的大写字母。

第二件事:

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