Angular 12 to 13 BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.

[nolafs]

Version info

Angular: 13

Firebase: 9.4.0

AngularFire: 7.2.0

How to reproduce these conditions

Upgraded my project from angular 12 to 13. It fails to compile. Getting lots of

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.

Debug output

./node_modules/@google-cloud/firestore/build/src/watch.js:24:15-32 - Error: Module not found: Error: Can't resolve 'assert' in '/Users/olafsiebert/html/.../node_modules/@google-cloud/firestore/build/src'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "assert": require.resolve("assert/") }'
- install 'assert'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "assert": false }

./node_modules/@google-cloud/paginator/build/src/resource-stream.js:23:17-34 - Error: Module not found: Error: Can't resolve 'stream' in '/Users/olafsiebert/html/.../node_modules/@google-cloud/paginator/build/src'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
- install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "stream": false }

Expected behavior

Compile and run

Actual behavior

Compile failed