Register files for cache in PWA with React
up vote
0
down vote
favorite
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.
reactjs service-worker progressive-web-apps
add a comment |
up vote
0
down vote
favorite
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.
reactjs service-worker progressive-web-apps
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
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.
reactjs service-worker progressive-web-apps
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.
reactjs service-worker progressive-web-apps
reactjs service-worker progressive-web-apps
edited 22 hours ago
FrankerZ
15.4k72859
15.4k72859
asked 22 hours ago
OscarDev
829
829
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
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
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
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
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
add a comment |
up vote
0
down vote
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
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
add a comment |
up vote
0
down vote
up vote
0
down vote
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
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
answered 18 hours ago
André Kelling
17019
17019
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
add a comment |
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
thank you friend but it does not work, it just caches the path /build/static/css/**/*.css as a string but when checking the file it's just the index.html
– OscarDev
4 hours ago
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53405297%2fregister-files-for-cache-in-pwa-with-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown