Minimal test case for @nuxtjs/firebase + @nuxtjs/pwa conflict
- Build with
yarn build:firebase
- Start with
yarn start
- Open
localhost:3000
in google chrome - Press
F12
to open the developer console - (optional) If you do not see a message confirming service worker installation:
- Click the
Clear site data
button in theApplication > Clear storage
tab - Reload the page with
Ctrl + F5
- Click the
- Click the
Start test
button on the page and read the messages in the console - The page will reload after 5 seconds
- Verify that firebase ssr auth did augment the request to the page with the authorization header in the network tab
- Note that there are no messages for workbox regarding cached routes
- Build with
yarn build:workbox
- Start with
yarn start
- Open
localhost:3000
in google chrome - Press
F12
to open the developer console - (optional) If you do not see a message confirming service worker installation:
- Click the
Clear site data
button in theApplication > Clear storage
tab - Reload the page with
Ctrl + F5
- Click the
- Click the
Start test
button on the page and read the messages in the console - The page will reload after 5 seconds
- Verify that workbox did cache some asset routes by checking for corresponding messages in the console
- Note that the page request has not been augmented with the authorization header in the network tag