角度服务工人MIME类型错误

Question

我正在尝试将服务人员添加到现有的angular（5.2，CLI 1.7.1）应用程序中。我做了我应该做的一切：

>

import { ServiceWorkerModule } from '@angular/service-worker';
imports: [
    ...
    ServiceWorkerModule.register('/ngsw-worker.js', 
        { enabled: environment.production }),
]

我甚至尝试将这段代码（我在某处找到了解决方案）添加到main。ts

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
    if ('serviceWorker' in navigator && environment.production) {
        navigator.serviceWorker.register('/ngsw-worker.js');
    }
}).catch(err => console.log(err));

但我有一个错误：

未捕获（promise中）DOMExc0019：注册ServiceWorker失败：脚本具有不受支持的MIME类型（'text/html'）。

错误：未捕获（promise中）：安全错误：注册ServiceWorker失败：脚本具有不受支持的MIME类型（“text/html”）。在resolvePromise时（polyfills.3e9ea997ddae46e16c09.bundle.js:1）

在我自己的个人小应用程序中，我也做了同样的事情，它没有任何错误。我们遇到这个错误的应用程序非常庞大。有很多第三方库。我读到他们可能有问题。

你能帮我吗？

另外，我检查了我自己的应用程序以找出可能的差异，我没有发现，但我查看了devtools中的network选项卡，我注意到应该由service worker缓存的文件总是被加载的。请问这是正确的行为吗？

Answer 1

在使用Angular8尝试了很多不同的东西之后，我最终将AngularDevkit从0.800升级到了0.800。2比0.803。2.

npm安装@angular devkit/build-angular@latest

然后我得到了一个错误：

错误：应找到ngsw配置。[PROJECT]文件夹中的json配置文件。在您的系统中提供一个或禁用服务工作者。json配置文件。

我通过改变来解决这个问题

“ngswConfigPath”：“ngsw config.json”至“ngswConfigPath”：“src/ngsw config.json”

后来终于奏效了。

Answer 2

这可能是由于ngsw工作人员失踪造成的。js文件。

很可能您正在使用HTML5 pushState样式的URL，并且您已将web服务器配置为返回服务器上物理上不存在的任何文件或文件夹的索引页（通常为index.html）。如果是ngsw工作人员。js在物理上不存在，web服务器会将请求重定向到ngsw worker。js来索引。html（因此MIME类型为“text/html”）。

ngsw工人。js文件通常在运行时复制到dist文件夹

ng build --prod