Запутался в сервис-воркере с NextJS и Express

У меня недостаточно репутации, чтобы оставить комментарий, но ...

Ссылки repl.it, на которые вы ссылаетесь, являются репликами Javascript в собственном браузере, которые не запускают node и, по расширению, express. Вам нужно будет использовать nodeJS repl или, если хотите, использовать наш экспресс шаблон.

Наконец разобрался с этим, в итоге отказался от Express и просто обработал тело ответа для писем через Node:

const { headers, method, url } = req;
let body = [];
req.on('error', (err) => {
  console.error(err);
}).on('data', (chunk) => {
  body.push(chunk);
}).on('end', () => {
  body = Buffer.concat(body).toString();
})

Затем использовал ту же функцию nodemailer sendTransport, которую я уже использовал. Сервис-воркер работает, а почта уходит! = D

Так что на этой неделе я также пытался создать проект, который, скажем, прошел «проверку маяка».

Далее есть действительно хороший каталог примеров. Конкретный пример, который помог мне настроить это, был следующий.js / примеры / с-sw-preache.

Это похоже на вашу настройку только с использованием SWPrecacheWebpackPlugin со стандартной настройкой

Кажется, что отсутствует шаг, который может быть проблемой, заключается в том, что вы не регистрируете своего сервис-воркера. В вашем индексном файле вы можете зарегистрировать работника службы в компонентеDidMount Lifecycle.

import React from 'react'

export default class extends React.PureComponent {
  componentDidMount() {
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker
        .register('/service-worker.js')
        .then(registration => {
          console.info('service worker registration successful')
        })
        .catch(err => {
          console.warn('service worker registration failed', err.message)
        })
    }
  }
  render() {
    return <p>Check the console for the Service Worker registration status.</p>
  }
}