create-react-app：无法安装站点：未检测到匹配的服务人员答案

【问题标题】：create-react-app: Site cannot be installed: no matching service worker detectedcreate-react-app：无法安装站点：未检测到匹配的服务人员
【发布时间】：2018-08-22 00:42:31
【问题描述】：

我有这个问题，我正在尝试将我的 React 应用添加到主屏幕。

manifest.json

{
  "short_name": "Ridnois",
  "name": "Ridnois - Amazing store (dev)",
  "icons": [
    {
      "src": "r-ico-144px.png",
      "sizes": "144x144",
      "type": "image/x-ico"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#fefefe",
  "background_color": "#fefefe"
}

这样做，我得到这个错误：

无法安装网站：需要一个 144 像素的方形 PNG 图标，但没有提供的图标符合此要求

然后我尝试更改图标的类型：

"type":"image/png"

但我得到这个错误：

无法安装站点：未检测到匹配的服务人员。你可以需要重新加载页面，或者检查 service worker 当前页面还控制清单中的起始 URL

我的图标 png 图片是 144x144px，我使用 ReactJs 创建了我的应用程序的模板，我的 serviceWorker 工作正常。

【问题讨论】：

要解决“未检测到匹配的服务工作者”错误，请尝试在此 SO post 中发布的答案，即“无法安装站点：未检测到匹配的服务工作者。您可能需要重新加载页面，或检查当前页面的服务工作者是否也控制清单中的起始 URL”。
你能分享你的目录结构吗？相对于 manifest.json，PNG 位于何处？
你解决了吗？

标签： javascript reactjs progressive-web-apps manifest.json

【解决方案1】：

请允许我分享一些对我有用的快照：

manifest.json

public folder contents

index.html

似乎Chrome 至少想要144x144 或许有人可以更深入地了解此工作原理。

【讨论】：