问ReactApp中缺少serviceWorker

EN

我这里也有同样的问题！我不知道我是不是做错了什么。但显然create-react-app已经改变了管理服务工作者的方式。

我在create-react- GitHub中找到了一个变通方法：

https://github.com/facebook/create-react-app/issues/10032

是的，这是继CRAv4和React 17之后的更新。Create-React-App (CRA)模板现在设置为记录这些测量结果。如果您想立即查看这些值，请签出您的index.js并将console.log传递给reportWebVitals函数。

​

​

在更新中，他们从服务工作者切换到Workbox插件，并将InjectManifest模板移动到自己的存储库。有关更多信息，您可以参考此版本文档https://github.com/facebook/create-react-app/releases/tag/v4.0.0

有点晚了，但如果您想让服务工作者选择加入，请尝试

npx create-react-app my-app --template cra-template-pwa

使用typescript，

npx create-react-app my-app --template cra-template-pwa-typescript

Source.

产品构建拥有生成一流渐进式Web应用程序所需的所有工具，但离线/缓存优先行为仅限于。

从Create React App4开始，您可以将src/ service -worker.js文件添加到您的项目中，以使用对Workbox的InjectManifest插件的内置支持，该插件将编译您的服务工作线程，并将一个URL列表注入其中以进行预缓存。

如果您使用其中一个PWA自定义模板启动一个新项目，您将获得一个src/ service -worker.js文件，该文件可以作为离线优先服务工作者的良好起点。