Workbox Service Worker 问题

如何解决Workbox Service Worker 问题

我有以下 pwa 项目的 workBox.config.js 文件配置

module.exports = {
"globDirectory": "public/","globPatterns": [
    "**/*.{png,xml,css,ico,jpg,svg,js}"
],"swDest": "public/service-worker.js","swSrc": "resources/js/service-worker.js","globIgnores": [
    'notusing/**/*','js/service-worker.js','service-worker.js','zsw.js'
  ]
};

我有下面的项目文件结构

public
|   +-- css
|       +--style.css
|   +-- js
|       +-- jquery.js
|   +-- html
|       +-- sample.html

当我从像 npm run build 这样的终端执行时，它会生成新的 serviceworker.js 文件，但它不会公开 html 文件夹中的 .html 文件。谁能告诉我我在配置文件中做错了什么。

解决方法

globPatterns 配置控制选择并包含在您的预缓存清单中的文件集。您当前的配置不包含 html 扩展名，因此它不会选择任何 HTML 文件。

这样的事情应该会有所帮助：

module.exports = {
  "globPatterns": [
    "**/*.{html,png,xml,css,ico,jpg,svg,js}"
  ],//...other options here...
};