I resolve these errors but my app did not render.
If you are interested to clear these errors you can paste code right into your-project/node_modules/react-scripts/config/webpack.config.js but these changes can be overwritten after rebuilding your app.
Find in module.exports object resolve and write fallback,in your case it’s “crypto”: require.resolve("crypto-browserify").
And install dependency npm install crypto-browserify.
resolve: {
// fallback: {
// "fs": false,
// "tls": false,
// "net": false,
// "http": require.resolve("stream-http"),
// "https": false,
// "zlib": require.resolve("browserify-zlib") ,
// "path": require.resolve("path-browserify"),
// "stream": require.resolve("stream-browserify"),
// "util": require.resolve("util/"),
"crypto": require.resolve("crypto-browserify")
}
Or you can add fallback using react-app-rewired as was described in Github https://github.com/facebook/create-react-app/issues/11756
Install react-app-rewired, create config-overrides.js file in the root of your project.
My code in the file
module.exports = function override (config, env) {
console.log('override')
let loaders = config.resolve
loaders.fallback = {
"fs": false,
"tls": false,
"net": false,
"http": require.resolve("stream-http"),
"https": false,
"zlib": require.resolve("browserify-zlib") ,
"path": require.resolve("path-browserify"),
"stream": require.resolve("stream-browserify"),
"util": require.resolve("util/"),
"crypto": require.resolve("crypto-browserify")
}
return config
}
In package.json change scripts from
'start': 'react-scripts start'
to
'start': 'react-app-rewired start'.
Then start project npm run start or yarn start