小编Nik*_*hil的帖子

使用 nextjs 应用程序注册 Service Worker

我是一个nextjs小应用程序的新手,我想在其中提供离线支持,但我无法注册 Service Worker。

抛出Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script这个错误。

以下是我的代码......我的service-worker.js位于nextjs应用程序的根目录。

componentDidMount = () => {
    if ("serviceWorker" in navigator) {
        navigator.serviceWorker.register('../service-worker.js')
            .catch(err => console.log('err', err))
    }
}
Run Code Online (Sandbox Code Playgroud)

我是否需要以某种方式配置服务器即(server.js)来提供该文件..?

const express = require('express');
const next = require('next');

var routes = require('./router');

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare()
    .then(() => {
       const …
Run Code Online (Sandbox Code Playgroud)

node.js express reactjs service-worker next.js

6
推荐指数
2
解决办法
3995
查看次数

标签 统计

express ×1

next.js ×1

node.js ×1

reactjs ×1

service-worker ×1