Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@nuxtjs/firebase + @nuxtjs/pwa/workbox conflict

See original GitHub issue

Version

@nuxtjs/firebase: 5.0.7 @nuxtjs/pwa: 3.0.0-beta.20 firebase: 7.14.2 nuxt: 2.12.2

Reproduction Link

https://github.com/m2sd/nuxt-firebase-pwa-test

Steps to reproduce

Follow the steps in the repo

What is Expected?

Firebase ssr auth and Workbox should work in conjunction so that requests are augmented with authorization AND cached

What is actually happening?

Either Firebase ssr auth OR Workbox take precedence, the other one is skipped completely

Possible solutions

We could replace the page caching from workbox with our own implementation and configure according to the settings in options.pwa.workbox.

Downside: This creates a direct dependency on workbox, but as the @nuxtjs/pwa is the de facto standard for PWA implementations this could be a viable option.

Upside: The necessary change might be small enough that it could be implemented conditionally (if workbox is present => include as routingExtension, else => include as standalone SW)

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:11 (7 by maintainers)

Top GitHub Comments

1reaction

alexndr-ncommented, Aug 19, 2020

Hey I’m running into this problem! Is there any way to patch it at least temporally? I’m really new to webdev

0reactions

SeriousLeeTVcommented, Mar 18, 2021

How’s this issue coming along? The article referenced by @alanlobeslab didn’t do it for me.

Top Results From Across the Web

Zero config PWA plugin for Next.js, with workbox - GitHub

Zero Config PWA Plugin for Next.js. This plugin is powered by workbox and other good stuff. size dependencies downloads license. Share your awesome...

next-pwa/README.md - UNPKG

> If you are using Next.js 9+, you may not need a custom server to host your service worker files. Skip to next...

Building a Next JS PWA using next-pwa and service worker

So using service workers, we can control network requests. Cache requests to enable offline access to cached content, which also improves ...

Zero Config PWA Plugin for Next.js - Morioh

This plugin is powered by workbox and other good stuff. Share your awesome PWA project here. Features. 0️⃣ Zero config for registering and...

Nuxt PWA isn't loading offline with workbox - Stack Overflow

I ran into the exact same problem for months and now I found that the firebase sw is messing with the default workbox...