next-pwa causing "tapPromise" undefined error

[helloitsm3]

Summary

next-pwa is causing "tapPromise" undefined error when trying to build the web application

How To Reproduce

Steps to reproduce the behavior:

1. Install latest Next.js
2. Install latest webpack
3. Try building the application by running npm build or yarn build

Screenshots

[LucasMallmann]

Hi @helloitsm3 . This might be a duplicated from #138 and also #140 . In summary, I think this is an issue with webpack as it's written in this comment from one of the issues above: https://github.com/shadowwalker/next-pwa/issues/138#issuecomment-762603877

[helloitsm3]

Hi @helloitsm3 . This might be a duplicated from #138 and also #140 . In summary, I think this is an issue with webpack as it's written in this comment from one of the issues above: #138 (comment)

Yes, it has something to do with Webpack since I have to downgrade webpack for it to work.

[xstable]

@helloitsm3 can you describe what you did exactly?

[helloitsm3]

@helloitsm3 can you describe what you did exactly?

I didn't do much. All I did was using the latest nextjs and the latest next-pwa and it throws me a "webpack: not found" error. After adding [email protected], it throws me this error.

[xstable]

I also found only the solution to hard-pin the nextjs to 10.0.5 for now.

[helloitsm3]

I also found only the solution to hard-pin the nextjs to 10.0.5 for now.

I think this issue is only happening on 10.0.6. I have other projects that is using 10.0.5 and it seems to be working fine

[andrewtremblay]

I see it happening as well in 10.0.7

[helloitsm3]

I see it happening as well in 10.0.7

Probably because it doesn't support we pack 5 now which is why it's having this issue for NextJS 10+

[shadowwalker]

Upgrade to both latest version of next.js and next-pwa now should fix the problem