Module not found: Error: Can't resolve 'crypto' in amazon-cognito-identity-js/es/utils with angular 11 / webpack 4.44.2

[hisham]

Describe the bug

I'm upgrading to angular 11, and I get this warning when running an angular app:

warning: ./node_modules/amazon-cognito-identity-js/es/utils/cryptoSecureRandomInt.js
Module not found: Error: Can't resolve 'crypto' in '/<my_dir>/node_modules/amazon-cognito-identity-js/es/utils'

To Reproduce
Upgrade angular app from 10 to 11.

Expected behavior
No warnings

Additional context
I'm running angular 11.0.5 with webpack 4.44.2

I do see similar issue at #7185 with webpack 5, but this warning seems to happen in webpack 4 as well.

[hisham]

I resolved by adding the following in my package.json:

  "browser": {
    "crypto": false
  },

And the warning is gone.

And things seem to be working fine in my app so far.

Is crypto actually needed in browser-based apps?

[9037568]

Same problem here, and if I use the package.json hack mentioned by @hisham, the warning goes away, but auth functionality doesn't work.

[stephannagel]

Same Issue here

[amhinson]

Here's a response from another issue referencing this console warning: #7098 (comment)

However, this warning shouldn't have any effect on functionality. What exactly doesn't work for you @9037568?

[9037568]

@amhinson: see #7458

I was hoping that the workaround mentioned here would fix that problem, but no.

[amhinson]

@9037568 I'd say that this issue regarding crypto is unrelated to the Angular UI components issue you are seeing. I'm going to close this one for now since this original issue here is a duplicate of #7098.