Ethereum Boilerplate Questions

it should be possible to give as parameter that wallet address so that it doesn’t obtain the balance of current logged in user

Thanks for your prompt response. Can I get any guide about it. Finding it difficult to.

it could be this: https://github.com/MoralisWeb3/react-moralis#usenativebalance

Yeah, checked. The issue is how do I specify the address in the code to overwrite the connected address.

it looks like there is an address parameter there that you can specify

I saw the one for tokenprice cannot find the one for tokenbalance.


Ok. Thanks bud, I will check.

I keep getting this error when I use npm install and npx yarn install

warning @testing-library/jest-dom > css > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: Deprecated in favor of '@metamask/eth-sig-util'
warning @walletconnect/web3-provider > web3-provider-engine > eth-json-rpc-middleware > [email protected]: Deprecated in favor of '@metamask/eth-sig-util'
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: New package name format for new versions: @ethereumjs/block. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: New package name format for new versions: @ethereumjs/tx. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-block > [email protected]: New package name format for new versions: @ethereumjs/tx. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: New package name format for new versions: @ethereumjs/vm. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > [email protected]: New package name format for new versions: @ethereumjs/block. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > ethereumjs-block > [email protected]: New package name format for new versions: @ethereumjs/tx. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning @walletconnect/web3-provider > web3-provider-engine > eth-block-tracker > [email protected]: Renamed to @metamask/safe-event-emitter
warning @walletconnect/web3-provider > web3-provider-engine > eth-json-rpc-middleware > [email protected]: Renamed to @metamask/safe-event-emitter
warning @walletconnect/web3-provider > web3-provider-engine > eth-json-rpc-infura > json-rpc-engine > [email protected]: Renamed to @metamask/safe-event-emitter
warning @walletconnect/web3-provider > @walletconnect/qrcode-modal > @walletconnect/[email protected]: Deprecated in favor of dynamic registry available from: https://github.com/walletconnect/walletconnect-registry
warning @walletconnect/web3-provider > web3-provider-engine > request > [email protected]: this library is no longer supported
warning @walletconnect/web3-provider > web3-provider-engine > request > [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > [email protected]: New package name format for new versions: @ethereumjs/common. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > ethereumjs-block > [email protected]: New package name format for new versions: @ethereumjs/common. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > ethereumjs-block > ethereumjs-tx > [email protected]: New package name format for new versions: @ethereumjs/common. Please update.
info There appears to be trouble with your network connection. Retrying...
warning react-scripts > [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
warning react-scripts > resolve-url-loader > rework > css > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning react-scripts > workbox-webpack-plugin > [email protected]: See https://github.com/lydell/source-map-url#deprecated
warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: See https://github.com/lydell/source-map-url#deprecated
warning react-scripts > workbox-webpack-plugin > workbox-build > [email protected]: See https://github.com/lydell/source-map-url#deprecated
warning react-scripts > @svgr/webpack > @svgr/plugin-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning react-scripts > webpack-dev-server > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning react-scripts > webpack-dev-server > chokidar > [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
warning react-scripts > webpack-dev-server > webpack-log > [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
warning react-scripts > @pmmmwh/react-refresh-webpack-plugin > native-url > [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
warning react-scripts > webpack-dev-server > url > [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
warning react-scripts > webpack > micromatch > snapdragon > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning react-scripts > resolve-url-loader > rework > css > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning react-scripts > resolve-url-loader > rework > css > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated
warning react-scripts > webpack > watchpack > watchpack-chokidar2 > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/[email protected]: Switch to 'npm install joi'
warning react-scripts > workbox-webpack-plugin > workbox-build > [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
warning react-scripts > babel-jest > @jest/transform > jest-haste-map > [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
warning react-scripts > optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning react-scripts > postcss-preset-env > postcss-color-functional-notation > postcss-values-parser > [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: Moved to 'npm install @sideway/address'
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/topo > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi > @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
warning react-scripts > workbox-webpack-plugin > workbox-build > strip-comments > babel-plugin-transform-object-rest-spread > babel-runtime > [email protected]: core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
[2/4] 🚚  Fetching packages...
error [email protected]: The engine "node" is incompatible with this module. Expected version ">=v12.22.0". Got "12.16.1"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
(base) MacBook-Pro:ethereum-boilerplate someshsahu$ yarn install
yarn install v1.22.10
info No lockfile found.
[1/4] 🔍  Resolving packages...
warning @testing-library/jest-dom > css > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning @walletconnect/web3-provider > @walletconnect/qrcode-modal > @walletconnect/[email protected]: Deprecated in favor of dynamic registry available from: https://github.com/walletconnect/walletconnect-registry
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: Deprecated in favor of '@metamask/eth-sig-util'
warning @walletconnect/web3-provider > web3-provider-engine > eth-json-rpc-middleware > [email protected]: Deprecated in favor of '@metamask/eth-sig-util'
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: New package name format for new versions: @ethereumjs/tx. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: New package name format for new versions: @ethereumjs/block. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-block > [email protected]: New package name format for new versions: @ethereumjs/tx. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > [email protected]: New package name format for new versions: @ethereumjs/vm. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > [email protected]: New package name format for new versions: @ethereumjs/block. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > ethereumjs-block > [email protected]: New package name format for new versions: @ethereumjs/tx. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > eth-block-tracker > [email protected]: Renamed to @metamask/safe-event-emitter
warning @walletconnect/web3-provider > web3-provider-engine > eth-json-rpc-middleware > [email protected]: Renamed to @metamask/safe-event-emitter
warning @walletconnect/web3-provider > web3-provider-engine > eth-json-rpc-middleware > json-rpc-engine > [email protected]: Renamed to @metamask/safe-event-emitter
warning @walletconnect/web3-provider > web3-provider-engine > request > [email protected]: this library is no longer supported
warning @walletconnect/web3-provider > web3-provider-engine > request > [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > [email protected]: New package name format for new versions: @ethereumjs/common. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > ethereumjs-block > [email protected]: New package name format for new versions: @ethereumjs/common. Please update.
warning @walletconnect/web3-provider > web3-provider-engine > ethereumjs-vm > ethereumjs-block > ethereumjs-tx > [email protected]: New package name format for new versions: @ethereumjs/common. Please update.
error Couldn't find package "rc-cascader@~3.2.1" required by "antd@^4.16.13" on the "npm" registry.

I was following the Clone OpenSea video and keep running into issue with the Ethereum Boilerplate after yarn start. Tried this several times on 2 computers…

Compiled with problems:

ERROR in ./src/components/Account/WalletIcons/SafePal.svg

Module build failed (from ./node_modules/@svgr/webpack/lib/index.js):
SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning.
   6 |   ...props
   7 | }, svgRef) {
>  8 |   return <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" inkscape:version="1.0 (4035a4f, 2020-05-01)" sodipodi:docname="SafePal-SFP-Coin-Icon.svg" id="svg857" viewBox="0 0 256 256" height={256} width={256} ref={svgRef} aria-labelledby={titleId} {...props}><metadata id="metadata863"><rdf:RDF><cc:Work rdf:about=""><dc:format>{"image/svg+xml"}</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title>{"\u5F62\u72B6\u7ED3\u5408"}</dc:title></cc:Work></rdf:RDF></metadata><defs id="defs861"><linearGradient id="linearGradient1452" inkscape:collect="always"><stop id="stop1448" offset={0} style={{
     |               ^^^^^^^^
   9 |           stopColor: "#4a69fe",
  10 |           stopOpacity: 1
  11 |         }} /><stop id="stop1450" offset={1} style={{
    at File.buildCodeFrameError (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\core\lib\transformation\file\file.js:249:12)
    at NodePath.buildCodeFrameError (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\index.js:139:21)
    at PluginPass.JSXNamespacedName (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\plugin-transform-react-jsx\lib\create-plugin.js:86:24)
    at newFn (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\visitors.js:177:21)
    at NodePath._call (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\context.js:53:20)
    at NodePath.call (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\context.js:40:17)
    at NodePath.visit (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\context.js:100:31)
    at TraversalContext.visitQueue (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\context.js:103:16)
    at TraversalContext.visitSingle (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\context.js:77:19)
    at TraversalContext.visit (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\context.js:131:19)


ERROR in ./src/components/Account/WalletIcons/TokenPocket.svg

Module build failed (from ./node_modules/@svgr/webpack/lib/index.js):
SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning.
   6 |   ...props
   7 | }, svgRef) {
>  8 |   return <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" sodipodi:docname="Token-Pocket-TPT-Coin-Icon-1000x1000.svg" inkscape:version="1.0 (4035a4f, 2020-05-01)" id="svg6883" viewBox="0 0 264.58334 264.58334" height="264.58334mm" width="264.58334mm" ref={svgRef} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<defs id="defs6877"><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6239"><path d="m 356.5178,984 h -4.135 -11.3558 c -0.3301,0 -0.5977,-0.267 -0.5977,-0.5964 v -37.5693 c 0,-0.3296 0.2676,-0.5966 0.5977,-0.5966 h 10.7581 c 0.3301,0 0.5977,0.267 0.5977,0.5966 v 9.5413 h 4.135 c 7.9222,0 14.3442,6.4079 14.3442,14.3125 0,7.904 -6.422,14.3119 -14.3442,14.3119" clipRule="evenodd" id="path6237" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6245"><path d="M 0,0 H 1225 V 4536 H 0 Z" id="path6243" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6177"><path d="M 0,0 H 1225 V 4536 H 0 Z" id="path6175" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6183"><path d="m 326,941 h 20 v 39 h -20 z" id="path6181" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6187"><path d="m 326,979.8311 h 19.1639 v -38.791 H 326 Z" clipRule="evenodd" id="path6185" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6191"><path d="m 325,940 h 21 v 40 h -21 z" id="path6189" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6195"><path d="m 326,941 h 20 v 39 h -20 z" id="path6193" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6199"><path d="m 345.1639,970.5173 h -1.3051 v 9.3138 H 326.599 c -0.3308,0 -0.5992,-0.2675 -0.5992,-0.5971 v -13.1291 c 0,-0.3296 0.2684,-0.5968 0.5992,-0.5968 h 6.5876 v -23.8714 c 0,-0.3296 0.2681,-0.5966 0.5989,-0.5966 h 10.7795 c 0.3308,0 0.5989,0.267 0.5989,0.5966 z" clipRule="evenodd" id="path6197" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6203"><path d="m 325,941 h 21 v 39 h -21 z" id="path6201" /></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6143"><path d="m 345.8705,999 c 19.8107,0 35.8705,-16.0598 35.8705,-35.8705 0,-19.8107 -16.0598,-35.8705 -35.8705,-35.8705 C 326.0598,927.259 310,943.3188 310,963.1295 310,982.9402 326.0598,999 345.8705,999 Z" clipRule="evenodd" id="path6141" /></clipPath><linearGradient x1={0} y1={0} x2={0} y2={1024} gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,-1,310,999)" id="linearGradient6157"><stop style={{
     |               ^^^^^^^^
   9 |           stopOpacity: 1,
  10 |           stopColor: "#2bafff"
  11 |         }} offset={0} id="stop6153" /><stop style={{
    at File.buildCodeFrameError (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\core\lib\transformation\file\file.js:249:12)
    at NodePath.buildCodeFrameError (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\index.js:139:21)
    at PluginPass.JSXNamespacedName (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\plugin-transform-react-jsx\lib\create-plugin.js:86:24)
    at newFn (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\visitors.js:177:21)
    at NodePath._call (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\context.js:53:20)
    at NodePath.call (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\context.js:40:17)
    at NodePath.visit (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\path\context.js:100:31)
    at TraversalContext.visitQueue (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\context.js:103:16)
    at TraversalContext.visitSingle (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\context.js:77:19)
    at TraversalContext.visit (X:\Github Projects\ethereum-boilerplate\node_modules\@babel\traverse\lib\context.js:131:19)


ERROR in ./node_modules/cipher-base/index.js 3:16-43

Module not found: Error: Can't resolve 'stream' in 'X:\Github Projects\ethereum-boilerplate\node_modules\cipher-base'

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 }


ERROR in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/account.js 8:13-30

Module not found: Error: Can't resolve 'assert' in 'X:\Github Projects\ethereum-boilerplate\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\dist'

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 }


ERROR in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/object.js 8:13-30

Module not found: Error: Can't resolve 'assert' in 'X:\Github Projects\ethereum-boilerplate\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\dist'

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 }


ERROR in ./node_modules/ethereumjs-util/dist/index.js 17:13-30

Module not found: Error: Can't resolve 'assert' in 'X:\Github Projects\ethereum-boilerplate\node_modules\ethereumjs-util\dist'

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 }


ERROR in ./node_modules/safe-event-emitter/index.js 1:13-28

Module not found: Error: Can't resolve 'util' in 'X:\Github Projects\ethereum-boilerplate\node_modules\safe-event-emitter'

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


ERROR in ./node_modules/web3-provider-engine/index.js 3:17-41

Module not found: Error: Can't resolve 'util' in 'X:\Github Projects\ethereum-boilerplate\node_modules\web3-provider-engine'

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


ERROR in ./node_modules/web3-provider-engine/subproviders/fixture.js 1:17-41

Module not found: Error: Can't resolve 'util' in 'X:\Github Projects\ethereum-boilerplate\node_modules\web3-provider-engine\subproviders'

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


ERROR in ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 12:17-41

Module not found: Error: Can't resolve 'util' in 'X:\Github Projects\ethereum-boilerplate\node_modules\web3-provider-engine\subproviders'

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


ERROR in ./node_modules/web3-provider-engine/subproviders/nonce-tracker.js 1:17-41

Module not found: Error: Can't resolve 'util' in 'X:\Github Projects\ethereum-boilerplate\node_modules\web3-provider-engine\subproviders'

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


ERROR in ./node_modules/web3-provider-engine/util/stoplight.js 3:17-41

Module not found: Error: Can't resolve 'util' in 'X:\Github Projects\ethereum-boilerplate\node_modules\web3-provider-engine\util'

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


ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 37:11-26

Module not found: Error: Can't resolve 'http' in 'X:\Github Projects\ethereum-boilerplate\node_modules\xhr2-cookies\dist'

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


ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 39:12-28

Module not found: Error: Can't resolve 'https' in 'X:\Github Projects\ethereum-boilerplate\node_modules\xhr2-cookies\dist'

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


ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 41:9-22

Module not found: Error: Can't resolve 'os' in 'X:\Github Projects\ethereum-boilerplate\node_modules\xhr2-cookies\dist'

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


ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 43:10-24

Module not found: Error: Can't resolve 'url' in 'X:\Github Projects\ethereum-boilerplate\node_modules\xhr2-cookies\dist'

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

Hey @mirrorvision,

This issue was faced after there was an update to the react-scripts version in the latest commit.

To overcome this issue for now you can change the version from -

"react-scripts": "5.0.0",
to
"react-scripts": "4.0.3",

in the package.json file.

After you make the change, delete node_modules folder and the yarn.lock file and yarn install again. This should make it working again.

1 Like

i build this on digitalocean and failed build by this error

It looks like it has mismatching prettier configurations. You can fix it by fixing the issues or by changing the prettier/ eslint configurations

i can build on local but why i can’t build on digitalocean

Configurations can change from environment to environment. Most likely, the prettier errors that you get were treated as “Warnings” in the dev/local machine because rules need not be that strict. However, when pushing to a production environment, rules get tighter and ask you to adhere to all the rules. So, those “Warnings” turn into “Errors” and build fails.

Personal recommendation, stay away from DigitalOcean.

1 Like

how do i delete the footer text

You can do that from App.jsx

thanks G, btw how can i add custom tokens to 1inch plugin

Use this

const customTokens = {
  "0x2180F5cC1ddf117640963AE91868948bd3EF6838": {
    address: "0x2180F5cC1ddf117640963AE91868948bd3EF6838",
    decimals: 9,
    logoURI:
      "https://assets.coingecko.com/coins/images/20985/small/_VoQPDDs_400x400.jpg?1638168643",
    name: "AscensionArcade",
    symbol: "AAT",
  },
};

<DEX chain="eth" customTokens={customTokens} />;