create-react-app：无法安装站点：未检测到匹配的服务程序

Question

我遇到了这个问题，我正在尝试将我的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"
}

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

  

无法安装网站：需要144px方形PNG图标，但不需要   提供的图标符合此要求

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

"type":"image/png"

但是我得到这个错误：

  

无法安装站点：未检测到匹配的服务程序。你可以   需要重新加载页面，或检查服务工作者是否为   当前页面还可以控制清单中的起始URL

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

Answer 1

create react app service worker仅在生产中生效，因此构建它并在本地提供服务。

如果尚未安装，请先安装服务npm：npm i serve -g

然后...

npm run build

serve -s build

Answer 2

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

const filteredSet = new Set(filtered.map(({ begin }) => begin)), found = input.value.some(({ begin }) => filteredSet.has(begin));

manifest.json

public folder contents

似乎index.html至少想要Chrome的人也许对此有更多了解的人可以对其进行编辑。