Угловой ng serve
не работает с сервисным работником. Вам нужно выполнить сборку prod, а затем обслуживать приложение из папки /dist
. Вы можете использовать любой веб-сервер, который вы предпочитаете: http-сервер npm или веб-сервер в качестве расширения Chrome . Таким образом, вы можете проверить работника службы локально.
Вы можете взглянуть на эту статью , где я шаг за шагом объясняю, как создать PWA с Angular.
В этой статье также упоминается проект Github сработающее приложение Angular PWA, которое вы можете использовать в качестве отправной точки или для сравнения с вашим кодом.