Не удалось зарегистрировать / обновить ServiceWorker для области «Недопустимый тип содержимого» text / html.

Question

У меня есть angular веб-сайт, для которого я пытаюсь настроить работника сервиса, чтобы веб-сайт можно было использовать в автономном режиме.

При развертывании приложения в сервисе Azure я вижу эту ошибку когда сайт загружается

Не удалось зарегистрировать / обновить ServiceWorker для области «my_url»: неверный тип содержимого «text / html», полученный для сценария «my_url / ngsw-worker.js». Должен быть JavaScript MIME-тип.

Когда я запускаю приложение angular локально, я не вижу этой ошибки, но вижу в Chrome DevTools / Application / Manifest предупреждение, которое говорит

Подходящий работник службы не обнаружен. Вам может потребоваться перезагрузить страницу или проверить, что работник сервиса для текущей страницы также контролирует стартовый URL из манифеста

Я регистрирую своего работника сервиса в моем импорте app.module, как этот

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

Это мой ngsw-config,json

{
    "$schema": "./node_modules/@angular/service-worker/config/schema.json",
    "index": "/index.html",
    "assetGroups": [
        {
            "name": "app",
            "installMode": "prefetch",
            "resources": {
                "files": [
                    "/index.html",
                    "/manifest.webmanifest",
                    "/*.css",
                    "/*.js"
                ]
            }
        },
        {
            "name": "assets",
            "installMode": "lazy",
            "updateMode": "prefetch",
            "resources": {
                "files": [
                    "/assets/**",
                    "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
                ]
            }
        }
    ]
}

Это мой первый go с работником службы, поэтому я не уверен, как исправить эту ошибку