rodrigokamada / angular-pwa

Application example built with Angular 13 and adding the Progressive Web Application (PWA) using the @angular/pwa library.

Hello everybody, I am Rodrigo Kamada!

👨‍💻 I am software developer with experience in Node.js (JavaScript/TypeScript), Java, Angular, Bootstrap, Ionic, MongoDB, MySQL, PostgreSQL, Redis, Kafka, Docker and Kubernetes.

✍️ I am creating content to share my knowledge and help people on their technology journey.

👨‍🎓 Graduated from Computer Sciences in 2005.

☕ Coffee and 🍺 beer lover.

🏠 Based in São Paulo, Brazil.

⭐ Acknowledgments

• AWS Community Builder
• Auth0 Ambassador
• SuperTokens Ambassador

🙌 Skills

🤝 Social media

🤗 Sponsor

📝 Latest Posts

• Creating and validating a reactive form to an Angular application (in portuguese)

• Authentication using the Auth0 to a React application (in portuguese)

• Adding the Material UI CSS framework to a React application (in portuguese)

• What is the difference between encryption, hashing and salting? (in portuguese)

• How to build a weather chatbot in RCS channel using Node.js (in portuguese)

• Hosting an Angular application on Amazon S3 using GitHub Actions (in portuguese)

• Authentication using the Amazon Cognito to an Angular application (in portuguese)

• Adding the Progressive Web Application (PWA) to an Angular application (in portuguese)

• Adding the map TomTom component to an Angular application (in portuguese)

• Adding form validation to an Angular application (in portuguese)

angular-pwa's Issues

Failed to register a ServiceWorker for scope

Does running this project simply by 'ng serve' do activate the service worker and consequently the SWUpdate?
I believe not, because default configuration is development and not production. So I can't understand how can you present screens of update.

Even when I change default to production or run 'ng serve -c production', it tries to activate the service worker but it doesn't work well.
It gives me this error:
main.js:1 Service worker registration failed with: TypeError: Failed to register a ServiceWorker for scope ('http://localhost:4200/') with script ('http://localhost:4200/ngsw-worker.js'): A bad HTTP response code (404) was received when fetching the script.

I think you can't run a PWA with service worker using 'ng serve'. One must build and run the application in a server like iis or http-server.