Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

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

carbenav
Level 1
Level 1

I am following this tutorial: https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/...

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

 

I did try by:

  1. Creating a service-worker.js file in the react-app/scr folder.
  2. Importing and registering it on the index.js file
    [ So far, just as any regular react app]
  3. 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.
     
    Screen Shot 2020-04-06 at 12.43.33 AM.png
1 Accepted Solution
Suraj_Kamdi
Correct answer by
Community Advisor
Community Advisor
3 Replies
carbenav
Level 1
Level 1
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.
Suraj_Kamdi
Correct answer by
Community Advisor
Community Advisor