渐进式 Web 应用程序 - 未检测到清单

Question

我正在构建一个渐进式 Web 应用程序，并且想要添加一个清单文件。我已经构建了一个并在主页上添加了指向它的链接，但我收到一条消息：“未检测到清单”。这是 header 在 index.html 中的样子：

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="app">
<meta name="apple-mobile-web-app-title" content="app">
<meta name="theme-color" content="#233b69">
<meta name="msapplication-navbutton-color" content="#233b69">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-starturl" content="/index.html">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="icon" type="image/png" sizes="192x192" href="assets/img/app.png">
<link rel="apple-touch-icon" type="image/png" sizes="192x192" href="assets/img/app.png">

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width">
<meta name="mobile-web-app-capable" content="yes">

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

Manifest.json 文件如下所示：

{
  "name": "someApp",
  "short_name": "app",
  "lang": "en-US",
  "start_url": "/index.html",
  "display": "standalone",
  "theme_color": "#233b69",
  "icons": [
{
  "src": "assets/img/app.png",
  "sizes": "192x192",
  "type": "image/png"
}
  ]
}

Answer 1

听起来清单文件和index.html 不在同一路径中或未正确链接。如果它仍然不起作用，请尝试更改清单链接，如下所示（在 href 中添加“/”），

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

您在哪里看到错误消息“未检测到清单”？如果您可以附上您所获得的屏幕截图以及 Chrome 开发人员工具 -> 网络和应用程序选项卡屏幕截图，我们就可以了解它的情况。