Как включить Angular PWA сервисный работник?

Question

В проекте Angular с помощью командной строки выполнялись следующие команды:

ng add @angular/pwa  
ng build --prod

Вывод в папке / dist был опубликован как stati c веб-сайт.
https://azureadb2ctesting1.z9.web.core.windows.net/

При запуске URL через PWABuilder обнаружен манифест, но не работник службы. Кроме того, при изменении сетевого подключения в Chrome devtools на offline страница загружается не нормально, а вместо этого отображается сообщение «Нет соединения Inte rnet».

Также обратите внимание на следующую ошибку в консоли :

main.cb0300ed077227f6fc7f. js: 1 Сбой регистрации работника службы с: DOMException: Не удалось зарегистрировать ServiceWorker для области ('https://azureadb2ctesting1.z9.web.core.windows.net/') с помощью сценария ( 'https://azureadb2ctesting1.z9.web.core.windows.net/ngsw-worker.js'): сценарий имеет неподдерживаемый тип MIME ('text / plain').

Как сервисный работник может быть включен для этого Angular PWA

Answer 1

В angular. json у вас должно быть: "serviceWorker": true

В вашем приложении root модуль должен иметь следующую строку при импорте:

ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production })