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

Question

我正在构建一个渐进式Web应用程序，并希望添加一个清单文件。我已经构建了一个并在主页上添加了一个链接，但是我收到一条消息，说“＆＃34;没有检测到清单＆＃34;。这是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中添加“/”），

var name="james            mark";
var name="james           " ;

您在哪里看到错误消息“未检测到清单”？如果您可以附上您所获得的屏幕截图以及Chrome开发者工具 - ＆gt;网络和应用程序选项卡截图，我们可以得到最新消息。

Answer 2

已确认：有时需要关闭标签页并重新加载页面以使清单重新初始化。

可能是由缓存清单文件引起的...，然后在缓存更新后未在DevTools中重新初始化。最好的猜测，很难说。

Answer 3

检查您的index.html文件，manifest.json文件和service-worker.js文件是否在根目录（相同）中。 如果是，则检查检查元素并转到应用程序菜单。请参见下面的屏幕截图。