ERROR Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker
We have a PWA that has been working fine for a long time, but now it seems the app is having trouble registering the service worker. We are using Angular 7 and the ngsw-worker.js
is not output in the build folder. The error in the console is:
ERROR Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
We are registering the service worker in core.module.ts
like this:
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
Our ngsw-config.json look like this:
{
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
]
}
}
]
}
Is the ngsw-worker.js
file supposed to be output explicitly in the dist folder, or is it part of the bundle?
angular typescript service-worker progressive-web-apps angular7
add a comment |
We have a PWA that has been working fine for a long time, but now it seems the app is having trouble registering the service worker. We are using Angular 7 and the ngsw-worker.js
is not output in the build folder. The error in the console is:
ERROR Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
We are registering the service worker in core.module.ts
like this:
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
Our ngsw-config.json look like this:
{
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
]
}
}
]
}
Is the ngsw-worker.js
file supposed to be output explicitly in the dist folder, or is it part of the bundle?
angular typescript service-worker progressive-web-apps angular7
github.com/angular/angular-cli/issues/… suggests that this is an issue with Angular's dependencies.
– Jeff Posnick
Nov 20 '18 at 20:44
That post solved my issue, thanks @JeffPosnick
– serlingpa
Nov 21 '18 at 10:54
add a comment |
We have a PWA that has been working fine for a long time, but now it seems the app is having trouble registering the service worker. We are using Angular 7 and the ngsw-worker.js
is not output in the build folder. The error in the console is:
ERROR Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
We are registering the service worker in core.module.ts
like this:
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
Our ngsw-config.json look like this:
{
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
]
}
}
]
}
Is the ngsw-worker.js
file supposed to be output explicitly in the dist folder, or is it part of the bundle?
angular typescript service-worker progressive-web-apps angular7
We have a PWA that has been working fine for a long time, but now it seems the app is having trouble registering the service worker. We are using Angular 7 and the ngsw-worker.js
is not output in the build folder. The error in the console is:
ERROR Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
We are registering the service worker in core.module.ts
like this:
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
Our ngsw-config.json look like this:
{
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
]
}
}
]
}
Is the ngsw-worker.js
file supposed to be output explicitly in the dist folder, or is it part of the bundle?
angular typescript service-worker progressive-web-apps angular7
angular typescript service-worker progressive-web-apps angular7
edited Dec 5 '18 at 20:40


Goncalo Peres
1,4501519
1,4501519
asked Nov 20 '18 at 14:31
serlingpaserlingpa
2,490113978
2,490113978
github.com/angular/angular-cli/issues/… suggests that this is an issue with Angular's dependencies.
– Jeff Posnick
Nov 20 '18 at 20:44
That post solved my issue, thanks @JeffPosnick
– serlingpa
Nov 21 '18 at 10:54
add a comment |
github.com/angular/angular-cli/issues/… suggests that this is an issue with Angular's dependencies.
– Jeff Posnick
Nov 20 '18 at 20:44
That post solved my issue, thanks @JeffPosnick
– serlingpa
Nov 21 '18 at 10:54
github.com/angular/angular-cli/issues/… suggests that this is an issue with Angular's dependencies.
– Jeff Posnick
Nov 20 '18 at 20:44
github.com/angular/angular-cli/issues/… suggests that this is an issue with Angular's dependencies.
– Jeff Posnick
Nov 20 '18 at 20:44
That post solved my issue, thanks @JeffPosnick
– serlingpa
Nov 21 '18 at 10:54
That post solved my issue, thanks @JeffPosnick
– serlingpa
Nov 21 '18 at 10:54
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53395261%2ferror-error-uncaught-in-promise-typeerror-failed-to-register-a-serviceworke%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53395261%2ferror-error-uncaught-in-promise-typeerror-failed-to-register-a-serviceworke%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
github.com/angular/angular-cli/issues/… suggests that this is an issue with Angular's dependencies.
– Jeff Posnick
Nov 20 '18 at 20:44
That post solved my issue, thanks @JeffPosnick
– serlingpa
Nov 21 '18 at 10:54