Почему мой Angular PWA терпит неудачу при проверке Lighthouse PWA, в то время как все работает нормально, когда я тестирую его вручную? - PullRequest
1 голос
/ 10 января 2020

я go в приложение https://quotesaboutjesus.netlify.com/quotes и посмотрите на вкладку «Приложение» в Chrome инструменте разработки, через несколько секунд вы увидите, что работник сервиса работает хорошо ... и приложение хорошо работают в онлайн-режиме.

Но результат аудита Lighthouse всегда говорит мне:

  • Текущая страница не отвечает 200 в автономном режиме .
  • start_url не отвечает 200 в автономном режиме. Start_url ответил, но не через сервисного работника.
  • Не регистрирует сервисного работника, который контролирует страницу, и start_url

Но, как вы увидите в моем коде здесь или непосредственно в моем манифесте .webmanifest здесь , я сделал (я думаю?: Потому что Маяк говорит, что я не сделал):

  1. добавьте манифест веб-приложения.
  2. Проверьте правильность start_url в вашем манифесте.
  3. Добавьте работника службы в ваше приложение.
  4. Используйте работника службы для локального кэширования файлов.
  5. В автономном режиме используйте службу рабочий в качестве сетевого прокси-сервера для возврата локально кэшированной версии файла.

Так что я не понимаю, почему я провалю тест аудита (вы можете легко воспроизвести его самостоятельно онлайн ).

я представлял, что это может быть вызвано тем, что мой SW регистрируется немного поздно, поэтому я пытаюсь оптимизировать производительность приложения, но даже сейчас у него более высокий показатель производительности (по крайней мере, 90 во время контрольный тест), он не прошел этот тест.

Может ли кто-нибудь мне помочь?

Изображение, показывающее сообщения об ошибках Lighthouse

Изображение, показывающее работника сервиса, работающего хорошо

Изображение, показывающее манифест (start_ul in)

...