Compilation failure: Unable to import crypto module

[tanmayvij]

Trying to install the library in a gatsby project, getting the following build error:

`Generating development JavaScript bundle failed

Can't resolve 'crypto' in 'gatsby-site\node_modules\@palmabit\react-cookie-law\dist'

If you're trying to use a package make sure that 'crypto' is installed. If you're trying to use a local file make sure that the path is correct.

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: { "crypto": require.resolve("crypto-browserify") }'
• install 'crypto-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "crypto": false }`

Tried installing crypto-browserify and making it as the fallback using webpack.config.js but still facing same issue.

[Tr4Ks]

same issue here

[tseropian]

As mentionned here: https://stackoverflow.com/a/72686567/13156702, you need to add the following to node_modules/react-scripts/config/webpack.config.js

fallback: {
  "crypto": require.resolve("crypto-browserify"),
  "safe-buffer": require.resolve("safe-buffer"),
  "safer-buffer": require.resolve("safer-buffer"),
  "buffer": require.resolve("buffer"),
  "cipher-base": require.resolve("cipher-base"),
  "stream": require.resolve("stream-browserify"),
 },