Next-pwa: Does not work correctly with webpack 5

[yhay81]

Summary

I cound not build correct pwa with next.js 9.5 new feature, webpack 5 support(beta).
Because this is beta feature, it might be fixed automatically by next.js.
Just for reporting.

How To Reproduce

Steps to reproduce the behavior:

1. Clone https://github.com/vercel/next.js/tree/canary/examples/progressive-web-app
2. Add webpack 5 resolutions to packege.json like below
   (ref. https://nextjs.org/blog/next-9-5#webpack-5-support-beta)

package.json { "resolutions": { "webpack": "^5.3.2" } }

1. yarn install && yarn build && yarn start
2. See error

Additional Context

I am not sure but sw.js seems to try to access the URL like below but cannot.
/autostatic/*

--

[SemperFortis]

I'm having the same issue, it keeps prefixing it with /autostatic/. This was not happening couple weeks ago.

[dugagjin]

Same issue, it tries to fetch:

from /autostatic/*

[shadowwalker]

Try yarn add next-pwa@beta, see if that works for you.

[yhay81]

yarn add next-pwa@beta works for me 💯

[SemperFortis]

Works for me too