找不到 reactjs 服务人员 .license 文件答案

【问题标题】：reactjs service worker not found .license file找不到 reactjs 服务人员 .license 文件
【发布时间】：2020-04-07 14:26:45
【问题描述】：

我正在从事两个 React 项目。

在这两个项目中，manifest.json 文件都已正确设置，并且 serviceworker 也已注册。

在其中一个项目中，没有询问添加到主屏幕的问题。

从我所做的研究中，我发现一个不能正常工作的项目找不到 .license 格式的文件，但是在一个正常工作的项目中，它是一个带有 .license 的文件.txt 格式。

当这两个文件取自建筑项目时，有什么区别？这个问题怎么解决？

正常运行并显示安装应用提示的项目照片

项目照片无法正常使用，不显示安装应用提示

控制台中的错误消息

【问题讨论】：

使用 HTTPS URL 运行时，您的 PWA 是否通过 Chrome Lighthouse 工具作为有效的 PWA 传递？如果有问题，它通常会给出很好的提示。
我通过灯塔报道了该应用。但报告指出，服务人员没有注册。但正如您在之前的照片中看到的那样，Service Worker 正在将文件保存在缓存中，并且只有 .license 文件存在问题。
Lighthouse 可能会为您提供一些解决问题的好建议。浏览弹出的提示，其中显示的每条消息都会显示。

标签： reactjs http-status-code-404 service-worker progressive-web-apps service-worker-config

【解决方案1】：

我终于找到了问题的解决方案。如果您已弹出项目，则可以在 webpack.config.js 文件的 TerserPlugin 部分中添加一个名为 extractComments 的字段，其值为 false。如果您还没有弹出项目，您可以通过创建 webpack.config.js 文件并使用默认设置添加 Terser 模块并添加具有 false 值的 extractComments 字段来解决此问题。以下链接可能有助于理解和解决问题。

license-to-kill-your-PWA

terser-plugin

【讨论】：