Btukfyl

Does anyone know how he could cache the files for a PWA with React?

I'm working with a custom service-worker and I'm trying to register the necessary files to run the application in offline mode, but no matter how hard I try, I can never do it since the server can not find them. I have tried in this way:

const cacheUrls = [

        '/',

    ];



self.addEventListener('install', event => {



    const promesaDeInstalacion = caches.open('cache-3') 

        .then( cache => { 

          return cache.addAll(

            cacheUrls

            );

    });



    event.waitUntil(promesaDeInstalacion);

});

Where cacheUrls is the array where I will indicate which files will be saved in cache.

For this I have also tried it in this way:

const cacheUrls = [

    '/',

    'build/static/css/**.css',

    'build/static/js/**.js',

    'build/media/**.jpg'

];

Also from this:

const cacheUrls = [

    '/',

    '/index.html',

    '/static/css/',

    '/static/js/',

    '/static/media/',

];

But the result is always the same. So I do not know how to cache files to have my PWA offline.

try like:

const cacheUrls = [

    '/',

    'build/static/css/**/*.css',

    'build/static/js/**/*.js',

    'build/media/**/*.jpg'

];

where double asterix ** is for subfolders and a single asterix * for any file ending with .fileextension