创建反应应用程序 pwa 打字稿模板无法检测到服务人员

Create react app pwa typescript template can't detect service worker

我 运行 npx create-react-app my-app --template cra-template-pwa-typescriptdocs 之后创建一个打字稿 PWA 模板,然后我将 index.js 中的 serviceWorker.unregister(); 更改为 serviceWorker.register();和 运行 开发版本,但 chrome 似乎找不到服务人员,Lighthouse returns :“未检测到匹配的服务人员。您可能需要重新加载页面,或检查当前页面的服务工作者范围包含范围并从清单开始 URL。"

我还需要做些什么才能让它发挥作用吗?

你应该阅读official document,里面有非常详细的说明。

  1. Service worker 需要 HTTPS,尽管为了便于本地测试,该策略不适用于 localhost。

  2. service worker只在生产环境启用。