Сделайте так, чтобы серверная часть отображалась. Приложение React работает автономно с работником сервиса. - PullRequest
0 голосов
/ 11 июня 2019

Я хотел бы знать, как разрешить следующие неудачные проверки Lighthouse для серверного приложения React.

  • Текущая страница не отвечает 200 в автономном режиме
  • start_url не отвечает 200 в автономном режиме

lighthouse audit result

Я могу сгенерировать и зарегистрировать работника службы, используя workbox-webpack-plugin и предварительно кэшировать javascript и таблицы стилей.

Однако, поскольку приложение отображается на стороне сервера, index.html для кэширования отсутствует, и приложение не может «ответить 200 с помощью автономного режима». Конкретно, когда я захожу в автономный режим и обновляю веб-страницу, меня встречает автономное сообщение браузера.

Я думаю, что возможное решение состоит в том, чтобы создать оболочку приложения (html-документ, содержащий приложение, готовое для рендеринга на стороне клиента), кэшировать эту оболочку приложения и использовать ее в автономном режиме. Однако я не знаю с чего начать. Есть идеи или альтернативные предложения?

...