Ufdjrw

Generate an RGB colour grid

Sum letters are not two different

Putting class ranking in CV, but against dept guidelines

Did Krishna say in Bhagavad Gita "I am in every living being"

How do living politicians protect their readily obtainable signatures from misuse?

What is the font for "b" letter?

What is the appropriate index architecture when forced to implement IsDeleted (soft deletes)?

Can a new player join a group only when a new campaign starts?

Why does it sometimes sound good to play a grace note as a lead in to a note in a melody?

How fail-safe is nr as stop bytes?

How to react to hostile behavior from a senior developer?

Is grep documentation about ignoring case wrong, since it doesn't ignore case in filenames?

What is the difference between globalisation and imperialism?

What would you call this weird metallic apparatus that allows you to lift people?

Is it possible for SQL statements to execute concurrently within a single session in SQL Server?

Should I follow up with an employee I believe overracted to a mistake I made?

Why is my ESD wriststrap failing with nitrile gloves on?

An adverb for when you're not exaggerating

How often does castling occur in grandmaster games?

What was the first language to use conditional keywords?

How could we fake a moon landing now?

Find 108 by using 3,4,6

Did Deadpool rescue all of the X-Force?

Denied boarding although I have proper visa and documentation. To whom should I make a complaint?

Redirect To Offline Page

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

I have a React app created by using create-react-app. By default, this tool creates a serviceWorker.js file for us and I am using this to register a service-worker. Furthermore, the documents suggest using google's workbox wizard to create a service-worker.js used to manage my website for offline purposes. The goal is for me to store an offline.html page in the browsers cache and whenever there is no online connection, render the cached offline.html page.

I am successful in storing the offline.html in cache as you can see below.

However, I am having trouble grabbing this file and rendering it whenever there isn't a connection. Here is my code:

workbox-config.js:

module.exports = 
 "globDirectory": "build-development/",
 "globPatterns": [
 ".offline/*.html",
 "external/logo_purple.png"
 ],
 "swDest": "build-development/sw.js",
 "swSrc": "src/sw.js",
 "injectionPointRegexp": /(const precacheManifest = )[](;)/
;

sw.js (created by running the workbox config):

importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.1.0/workbox-sw.js");

const precacheManifest = [];

workbox.precaching.precacheAndRoute(precacheManifest);

const dataCacheConfig = 
 cacheName: 'offline'
;

workbox.routing.registerRoute("http://localhost:4000/.offline/offline.html", workbox.strategies.cacheFirst(dataCacheConfig), 'GET');

Any ideas?

javascript service-worker create-react-app workbox

share|improve this question

asked Mar 8 at 20:29

anderishanderish

624828

add a comment | 

1

I have a React app created by using create-react-app. By default, this tool creates a serviceWorker.js file for us and I am using this to register a service-worker. Furthermore, the documents suggest using google's workbox wizard to create a service-worker.js used to manage my website for offline purposes. The goal is for me to store an offline.html page in the browsers cache and whenever there is no online connection, render the cached offline.html page.

I am successful in storing the offline.html in cache as you can see below.

However, I am having trouble grabbing this file and rendering it whenever there isn't a connection. Here is my code:

workbox-config.js:

module.exports = 
 "globDirectory": "build-development/",
 "globPatterns": [
 ".offline/*.html",
 "external/logo_purple.png"
 ],
 "swDest": "build-development/sw.js",
 "swSrc": "src/sw.js",
 "injectionPointRegexp": /(const precacheManifest = )[](;)/
;

sw.js (created by running the workbox config):

importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.1.0/workbox-sw.js");

const precacheManifest = [];

workbox.precaching.precacheAndRoute(precacheManifest);

const dataCacheConfig = 
 cacheName: 'offline'
;

workbox.routing.registerRoute("http://localhost:4000/.offline/offline.html", workbox.strategies.cacheFirst(dataCacheConfig), 'GET');

Any ideas?

javascript service-worker create-react-app workbox

share|improve this question

asked Mar 8 at 20:29

anderishanderish

624828

add a comment | 

I have a React app created by using create-react-app. By default, this tool creates a serviceWorker.js file for us and I am using this to register a service-worker. Furthermore, the documents suggest using google's workbox wizard to create a service-worker.js used to manage my website for offline purposes. The goal is for me to store an offline.html page in the browsers cache and whenever there is no online connection, render the cached offline.html page.

I am successful in storing the offline.html in cache as you can see below.

However, I am having trouble grabbing this file and rendering it whenever there isn't a connection. Here is my code:

workbox-config.js:

module.exports = 
 "globDirectory": "build-development/",
 "globPatterns": [
 ".offline/*.html",
 "external/logo_purple.png"
 ],
 "swDest": "build-development/sw.js",
 "swSrc": "src/sw.js",
 "injectionPointRegexp": /(const precacheManifest = )[](;)/
;

sw.js (created by running the workbox config):

importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.1.0/workbox-sw.js");

const precacheManifest = [];

workbox.precaching.precacheAndRoute(precacheManifest);

const dataCacheConfig = 
 cacheName: 'offline'
;

workbox.routing.registerRoute("http://localhost:4000/.offline/offline.html", workbox.strategies.cacheFirst(dataCacheConfig), 'GET');

Any ideas?

javascript service-worker create-react-app workbox

share|improve this question

asked Mar 8 at 20:29

anderishanderish

624828

module.exports = 
 "globDirectory": "build-development/",
 "globPatterns": [
 ".offline/*.html",
 "external/logo_purple.png"
 ],
 "swDest": "build-development/sw.js",
 "swSrc": "src/sw.js",
 "injectionPointRegexp": /(const precacheManifest = )[](;)/
;

importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.1.0/workbox-sw.js");

const precacheManifest = [];

workbox.precaching.precacheAndRoute(precacheManifest);

const dataCacheConfig = 
 cacheName: 'offline'
;

workbox.routing.registerRoute("http://localhost:4000/.offline/offline.html", workbox.strategies.cacheFirst(dataCacheConfig), 'GET');

javascript service-worker create-react-app workbox

javascript service-worker create-react-app workbox

share|improve this question

asked Mar 8 at 20:29

anderishanderish

624828

share|improve this question

asked Mar 8 at 20:29

anderishanderish

624828

asked Mar 8 at 20:29

anderishanderish

624828

asked Mar 8 at 20:29

anderishanderish

624828