小编use*_*993的帖子

@vue/cli-plugin-pwa 没有创建 service-worker.js

所以我有一个预先存在的 Vue 应用程序并想添加 PWA。我安装了@vue/cli-plugin-pwa并且在第一次构建之后我的 registerServiceWorker.js(在 src 中)和 manifest.json(在公共中)被自动创建并且似乎工作正常。但根据我的理解,在我运行 npm run build 后,它还应该在我的 dist 文件夹中生成一个 services-worker.js。如果我将构建文件上传到服务器,我将得到

A bad HTTP response code (404) was received when fetching the script.
Failed to load resource: net::ERR_INVALID_RESPONSE
Error during service worker registration: TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
Run Code Online (Sandbox Code Playgroud)

如果我创建自定义 service-worker.js,也会发生这种情况

我如何添加自定义 service-worker.js

1: 在 src 文件夹中创建 service-worker.js

// service-worker.js
console.log('Service Worker Registered!')
Run Code Online (Sandbox Code Playgroud)

2: 在 ~/ 中创建 vue.config.js

// vue.config.js
module.exports = …
Run Code Online (Sandbox Code Playgroud)

vue.js progressive-web-apps

5
推荐指数
1
解决办法
3160
查看次数

标签 统计

progressive-web-apps ×1

vue.js ×1