Angular ServiceWorkers MIME类型错误

发布时间:2020-01-21 发布网站:大佬教程
大佬教程收集整理的这篇文章主要介绍了Angular ServiceWorkers MIME类型错误大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将服务工作者添加到我们现有的angular(5.2,CLI 1.7.1)应用程序中.我做了我想做的一切:

>我创建了ngsw-config.json
>我运行ng set apps.0.serviceWorker = true命令,所以我在angular-cli.json中有“serviceWorker”:true.
>我安装了“@ angular / service-worker”:“5.2.9”
>我添加到app.module.ts:

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));

但我得到了这个错误:

在我自己的个人小应用程序中,我做了同样的工作,没有任何错误.我们遇到此错误的应用程序非常庞大.有很多第三方库.我读过它们可能有问题.

你能帮我吗?

此外,我正在检查我自己的应用程序以找到可能的差异,我没有,但我查看了devtools中的网络选项卡,我注意到应该由服务工作者缓存的文件总是被加载.请问这是正确的行为吗?

这可能是由于缺少ngsw-worker.js文件引起的.

您可能正在使用HTML5 pushState style URLs,并且您有configured your web server可以返回服务器上实际不存在的任何文件或文件夹的索引页(通常为index.html).如果ngsw-worker.js实际上不存在,则Web服务器会将请求重定向到ngsw-worker.js到index.html(因此MIME类型为“text / html”).

运行时,通常会将ngsw-worker.js文件复制到dist文件夹中

ng build --prod

大佬总结

以上是大佬教程为你收集整理的Angular ServiceWorkers MIME类型错误全部内容,希望文章能够帮你解决Angular ServiceWorkers MIME类型错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ群:277859234,请注明来意。