How to enable PWA on React + AEM SPA? (404 error) | Community

Solved

How to enable PWA on React + AEM SPA? (404 error)

Forum|Forum|5 years ago
April 6, 2020
2 replies
3437 views

I am following this tutorial: https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/react/chapter-3.html#help

and haven't found a way to install a service worker.

I did try by:

Creating a service-worker.js file in the react-app/scr folder.
Importing and registering it on the index.js file
[ So far, just as any regular react app]
Adding the reference to service-worker file in the clientlib.config.js file in the libs:assets:js array
libs: {
...
assets: {
js: [
"build/static/**/*.js",
"build/service-worker.js"
],

That got the service-worker.js from the react-app/build to the ui.apps/... /clientlibs/react-app/js/service-worker.js
but when running the aem instance I got an 404 error on the service-worker.js file request.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Suraj_Kamdi

@carbenav See this repo https://github.com/PerficientDigital/my-aem-project/blob/master/my-aem-react-app/src/serviceWorker.js from my blog.

Hope this will resolve your issue.

Community Advisor

Community Advisor

@carbenav Please go through https://blogs.perficient.com/2019/09/17/creating-your-first-custom-aem-component-using-react-part-1/

I hope this will help you to resolve your issue.

Hi @suraj_kamdi, It seems your post is about creating a custom component, but my question is about issues with a service-worker.js file.

Community Advisor

Accepted solution

Community Advisor

@carbenav See this repo https://github.com/PerficientDigital/my-aem-project/blob/master/my-aem-react-app/src/serviceWorker.js from my blog.

Hope this will resolve your issue.