Angular 6 : DevTools failed to parse SourceMap: https://example.com/ngsw_worker.es6.js.map

google-chrome service-worker progressive-web-apps angular6 angular-service-worker
Mazlan Alam Malik picture Mazlan Alam Malik · Jun 14, 2018 · Viewed 8k times · Source

I converted my angular 6 application to PWA using the Angular CLI (ng add @angular/pwa). I only have one project in my directory and so I ran this command without specifying project name.

After deployment, the service worker registers - and everything seems to be in order expect i get the following error in google chrome console:

DevTools failed to parse SourceMap: https://example.com/ngsw_worker.es6.js.map

What does this error mean? And how can it be fixed/avoided? Thank you!

Answer

Pablo Navarro picture Pablo Navarro · Jul 18, 2018

Go to angular.json and set the desired sourceMap of configurations to true.

In example, follow projects -> <project-name> -> architect -> build -> configurations -> production (or any environment you are using) -> and change sourceMap: false to sourceMap: true.

Related questions

Can I use Add to home screen in Chrome on an iOS device?

I know I can use Chrome on a desktop or Android device to “Add to Home screen”. I know I can use “Add to homes screen” in Safari iOS. But, can I use “Add to home screen” feature in Chrome …

Read More
Options for testing service workers via HTTP

I want to test service workers but I have a virtual host setup and I can't seem to be able to enable https on localhost. How can I whitelist my local virtual host url to test service workers whenever I …

Read More
Service worker is caching files but fetch event is never fired

I have just attempted to implement service workers to cache some JSON files and other assets on a static site (running on localhost chrome Version 47.0.2526.73 (64-bit)). Using cache.addAll() I have added my files to the cache, and when I …

Read More