1

我正在使用 VUE PWA，并且正在尝试添加自己的服务人员。

检查 VUE 使用 sw-precache 插件工作服务工作者，所以我试图导入我的文件，所以当构建完成后我添加它并且可以工作我自己的服务工作者，但它总是向我发送错误：

获取脚本时收到错误的 HTTP 响应代码 (404)。service-worker.js:1 未捕获

（匿名）@ service-worker.js:1

（索引）：1 Service Worker 注册期间的错误：TypeError：无法注册 ServiceWorker：ServiceWorker 脚本评估失败

我的文件 custom-service-worker.js 我在 src / 中声明了它，我也在静态文件夹和根目录上尝试过

这是我在 sw-precache 插件中修改的代码：

// service worker caching
new SWPrecacheWebpackPlugin({
  cacheId: 'offline-gallery',
  filename: 'service-worker.js',
  staticFileGlobs: ['dist/**/*.{js,html,css,png}'],
  runtimeCaching: [
    {
      urlPattern: /^https:\/\/res\.cloudinary\.com\//,
      handler: 'cacheFirst'
    }
  ],
  minify: true,
  stripPrefix: 'dist/',
  importScripts: ['custom-service-worker.js']
})

有谁知道如何实现它？

4

0 回答 0