我正在尝试将服务人员添加到我们现有的 Angular(5.2,CLI 1.7.1)应用程序中。我做了我应该做的一切:
- 我创建了ngsw-config.json
- 我运行
ng set apps.0.serviceWorker=true
命令,所以我有"serviceWorker": true,
angular -cli.json。 - 我已经安装
"@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));
但我得到了这个错误:
Uncaught (in promise) DOMException: Failed to register a ServiceWorker: 该脚本具有不受支持的 MIME 类型 ('text/html')。
ERROR 错误:未捕获(承诺):SecurityError:无法注册 ServiceWorker:脚本具有不受支持的 MIME 类型('text/html')。在 resolvePromise (polyfills.3e9ea997ddae46e16c09.bundle.js:1)
在我自己的个人小应用程序中,我做了同样的事情,并且没有任何错误。我们遇到此错误的应用程序非常庞大。有很多第三方库。我读过他们可能有问题。
你能帮我吗?
此外,我正在检查自己的应用程序以查找可能的差异,但我没有查看 devtools 中的网络选项卡,我注意到应该由服务工作者缓存的文件总是被加载。请问这是正确的行为吗?