Use stats error details true resp status error details to show it

I want to use "@walletconnect/web3-provider" JS library in my project, but once I installed the library along with Web3 module (they will be used together) npm install --save web3 @

I want to use «@walletconnect/web3-provider» JS library in my project, but once I installed the library along with Web3 module (they will be used together)

npm install --save web3 @walletconnect/web3-provider

and after that import it into my project (in App.js file in a React project)

import WalletConnectProvider from '@walletconnect/web3-provider';

it complains of so many errors!

19 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.68.0 compiled with 19 errors and 110 warnings in 23859 ms

Here is the part of the error message as it appears in the server side (in vs code terminal):

WARNING in ./node_modules/@walletconnect/jsonrpc-types/dist/esm/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-typessrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-typessrcindex.ts'        
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/types.js 1:0-45 1:0-45
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/index.js 6:0-24 6:0-24
 @ ./node_modules/@walletconnect/utils/dist/esm/misc.js 2:0-61 16:25-47
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 5:0-23 5:0-23
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/jsonrpc-types/dist/esm/jsonrpc.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-typessrcjsonrpc.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-typessrcjsonrpc.ts'    
 @ ./node_modules/@walletconnect/jsonrpc-types/dist/esm/index.js 1:0-26 1:0-26
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/types.js 1:0-45 1:0-45
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/index.js 6:0-24 6:0-24
 @ ./node_modules/@walletconnect/utils/dist/esm/misc.js 2:0-61 16:25-47
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 5:0-23 5:0-23
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/jsonrpc-types/dist/esm/misc.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-typessrcmisc.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-typessrcmisc.ts'
 @ ./node_modules/@walletconnect/jsonrpc-types/dist/esm/index.js 2:0-23 2:0-23
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/types.js 1:0-45 1:0-45
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/index.js 6:0-24 6:0-24
 @ ./node_modules/@walletconnect/utils/dist/esm/misc.js 2:0-61 16:25-47
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 5:0-23 5:0-23
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/url.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-utilssrcurl.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-utilssrcurl.ts'
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/index.js 7:0-22 7:0-22
 @ ./node_modules/@walletconnect/utils/dist/esm/misc.js 2:0-61 16:25-47
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 5:0-23 5:0-23
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/validators.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-utilssrcvalidators.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectjsonrpc-utilssrcvalidators.ts'
 @ ./node_modules/@walletconnect/jsonrpc-utils/dist/esm/index.js 8:0-29 8:0-29
 @ ./node_modules/@walletconnect/utils/dist/esm/misc.js 2:0-61 16:25-47
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 5:0-23 5:0-23
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/randombytes/dist/esm/browser/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectrandombytessrcbrowserindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectrandombytessrcbrowserindex.ts'
 @ ./node_modules/@walletconnect/crypto/dist/esm/browser/index.js 1:0-43 1:0-43
 @ ./node_modules/@walletconnect/iso-crypto/dist/esm/index.js 1:0-48 7:16-34 17:22-43 34:27-47 37:21-42 60:23-43
 @ ./node_modules/@walletconnect/client/dist/esm/index.js 2:0-55 7:6-15
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 1:0-50 98:36-49
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/safe-json/dist/esm/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectsafe-jsonsrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectsafe-jsonsrcindex.ts'
 @ ./node_modules/@walletconnect/browser-utils/dist/esm/json.js 1:0-53 2:29-51 3:33-59
 @ ./node_modules/@walletconnect/browser-utils/dist/esm/index.js 2:0-23 2:0-23
 @ ./node_modules/@walletconnect/qrcode-modal/dist/cjs/index.js 5:19-58
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 2:0-54 27:23-34
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/socket-transport/dist/esm/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectsocket-transportsrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectsocket-transportsrcindex.ts'  
 @ ./node_modules/@walletconnect/core/dist/esm/index.js 2:0-62 55:44-59
 @ ./node_modules/@walletconnect/client/dist/esm/index.js 1:0-44 4:28-37
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 1:0-50 98:36-49
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/socket-transport/dist/esm/network.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectsocket-transportsrcnetwork.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectsocket-transportsrcnetwork.ts'
 @ ./node_modules/@walletconnect/socket-transport/dist/esm/index.js 2:0-39 18:46-60
 @ ./node_modules/@walletconnect/core/dist/esm/index.js 2:0-62 55:44-59
 @ ./node_modules/@walletconnect/client/dist/esm/index.js 1:0-44 4:28-37
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 1:0-50 98:36-49
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/utils/dist/esm/constants.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcconstants.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcconstants.ts'
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 2:0-28 2:0-28
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/utils/dist/esm/encoding.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcencoding.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcencoding.ts'
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 3:0-27 3:0-27
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/utils/dist/esm/url.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcurl.ts' file: Error: ENOENT: no 
such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcurl.ts'
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 8:0-22 8:0-22
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/utils/dist/esm/validators.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcvalidators.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectutilssrcvalidators.ts'
 @ ./node_modules/@walletconnect/utils/dist/esm/index.js 9:0-29 9:0-29
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 4:0-95 61:19-36 68:12-21 73:25-42 190:9-32 326:23-32 347:12-21
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/web3-provider/dist/esm/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectweb3-providersrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectweb3-providersrcindex.ts'        
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/window-getters/dist/cjs/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectwindow-getterssrcindex.ts' file: Error: 
ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectwindow-getterssrcindex.ts'
 @ ./node_modules/@walletconnect/browser-utils/dist/esm/browser.js 2:0-63 32:29-56 33:36-70 34:34-66 35:27-52 36:35-68 37:28-54 38:34-66 39:27-52 40:32-62 41:25-48 42:38-74 43:31-60
 @ ./node_modules/@walletconnect/browser-utils/dist/esm/index.js 1:0-26 1:0-26
 @ ./node_modules/@walletconnect/qrcode-modal/dist/cjs/index.js 5:19-58
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 2:0-54 27:23-34
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/@walletconnect/window-metadata/dist/cjs/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectwindow-metadatasrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modules@walletconnectwindow-metadatasrcindex.ts'    
 @ ./node_modules/@walletconnect/browser-utils/dist/esm/browser.js 1:0-65 45:9-41
 @ ./node_modules/@walletconnect/browser-utils/dist/esm/index.js 1:0-26 1:0-26
 @ ./node_modules/@walletconnect/qrcode-modal/dist/cjs/index.js 5:19-58
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 2:0-54 27:23-34
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/account.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcaccount.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcaccount.ts'
 @ ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/index.js 49:13-33
 @ ./node_modules/ethereumjs-abi/lib/index.js 2:14-40
 @ ./node_modules/ethereumjs-abi/index.js 1:0-42
 @ ./node_modules/eth-sig-util/index.js 3:15-40
 @ ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 16:16-39
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 14:32-90
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/bytes.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcbytes.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcbytes.ts'
 @ ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/index.js 67:13-31
 @ ./node_modules/ethereumjs-abi/lib/index.js 2:14-40
 @ ./node_modules/ethereumjs-abi/index.js 1:0-42
 @ ./node_modules/eth-sig-util/index.js 3:15-40
 @ ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 16:16-39
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 14:32-90
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/constants.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcconstants.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcconstants.ts'
 @ ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/index.js 43:13-35
 @ ./node_modules/ethereumjs-abi/lib/index.js 2:14-40
 @ ./node_modules/ethereumjs-abi/index.js 1:0-42
 @ ./node_modules/eth-sig-util/index.js 3:15-40
 @ ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 16:16-39
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 14:32-90
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/hash.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrchash.ts' 
file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrchash.ts'
 @ ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/index.js 55:13-30
 @ ./node_modules/ethereumjs-abi/lib/index.js 2:14-40
 @ ./node_modules/ethereumjs-abi/index.js 1:0-42
 @ ./node_modules/eth-sig-util/index.js 3:15-40
 @ ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 16:16-39
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 14:32-90
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/ethereumjs-abi/node_modules/ethereumjs-util/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utilsrcindex.ts'
 @ ./node_modules/ethereumjs-abi/lib/index.js 2:14-40
 @ ./node_modules/ethereumjs-abi/index.js 1:0-42
 @ ./node_modules/eth-sig-util/index.js 3:15-40
 @ ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 16:16-39
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 14:32-90
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36


WARNING in ./node_modules/json-rpc-engine/dist/getUniqueId.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesjson-rpc-enginesrcgetUniqueId.ts' file: Error: ENOENT: 
no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesjson-rpc-enginesrcgetUniqueId.ts'
 @ ./node_modules/json-rpc-engine/dist/index.js 30:13-37
 @ ./node_modules/eth-json-rpc-filters/subscriptionManager.js 7:4-30
 @ ./node_modules/web3-provider-engine/subproviders/subscriptions.js 3:34-85
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 18:33-91
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/json-rpc-engine/node_modules/eth-rpc-errors/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesjson-rpc-enginenode_moduleseth-rpc-errorssrcindex.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesjson-rpc-enginenode_moduleseth-rpc-errorssrcindex.ts'
 @ ./node_modules/json-rpc-engine/dist/JsonRpcEngine.js 16:25-50
 @ ./node_modules/json-rpc-engine/dist/index.js 32:13-39
 @ ./node_modules/eth-json-rpc-filters/subscriptionManager.js 7:4-30
 @ ./node_modules/web3-provider-engine/subproviders/subscriptions.js 3:34-85
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 18:33-91
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36



WARNING in ./node_modules/xhr2-cookies/dist/index.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesindex.ts' file: Error: ENOENT: no such file 
or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesindex.ts'
 @ ./node_modules/@walletconnect/http-connection/dist/esm/index.js 2:0-46 4:47-61
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 3:0-60 338:22-36
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36


WARNING in ./node_modules/xhr2-cookies/dist/xml-http-request-upload.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesxml-http-request-upload.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesxml-http-request-upload.ts'
 @ ./node_modules/xhr2-cookies/dist/xml-http-request.js 51:32-68
 @ ./node_modules/xhr2-cookies/dist/index.js 11:9-38
 @ ./node_modules/@walletconnect/http-connection/dist/esm/index.js 2:0-46 4:47-61
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 3:0-60 338:22-36
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in ./node_modules/xhr2-cookies/dist/xml-http-request.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesxml-http-request.ts' file: Error: ENOENT: no such file or directory, open 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesxml-http-request.ts'
 @ ./node_modules/xhr2-cookies/dist/index.js 11:9-38
 @ ./node_modules/@walletconnect/http-connection/dist/esm/index.js 2:0-46 4:47-61
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 3:0-60 338:22-36
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36

WARNING in srcApp.js
  Line 1:8:  'logo' is defined but never used   no-unused-vars
  Line 3:8:  'react' is defined but never used  no-unused-vars

109 warnings have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.


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 'F:WorkTellortestFieldtest-wallet-connectnode_modulesethereumjs-abinode_modulesethereumjs-utildist'

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/ethereumjs-abi/node_modules/ethereumjs-util/dist/index.js 73:13-32
 @ ./node_modules/ethereumjs-abi/lib/index.js 2:14-40
 @ ./node_modules/ethereumjs-abi/index.js 1:0-42
 @ ./node_modules/eth-sig-util/index.js 3:15-40
 @ ./node_modules/web3-provider-engine/subproviders/hooked-wallet.js 16:16-39
 @ ./node_modules/@walletconnect/web3-provider/dist/esm/index.js 14:32-90
 @ ./src/App.js 7:0-65 18:24-45
 @ ./src/index.js 7:0-24 11:33-36


19 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.68.0 compiled with 19 errors and 110 warnings in 23859 ms

And this is part of the error message as it appears in the web page:

Compiled with problems:

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

Module not found: Error: Can't resolve 'stream' in 'F:WorkTellortestFieldtest-wallet-connectnode_modulescipher-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/eth-lib/lib/bytes.js 9:193-227

Module not found: Error: Can't resolve 'crypto' in 'F:WorkTellortestFieldtest-wallet-connectnode_moduleseth-liblib'

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 }


ERROR in ./node_modules/web3-eth-accounts/node_modules/eth-lib/lib/bytes.js 7:193-227

Module not found: Error: Can't resolve 'crypto' in 'F:WorkTellortestFieldtest-wallet-connectnode_modulesweb3-eth-accountsnode_moduleseth-liblib'

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 }


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

Module not found: Error: Can't resolve 'http' in 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesdist'

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 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesdist'

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 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesdist'

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 'F:WorkTellortestFieldtest-wallet-connectnode_modulesxhr2-cookiesdist'

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 }

I tried to install the missing libraries in the second error message but it didn’t work!

Источник

sorry but I’m having the same issue.
the project was working flawlessly, running and I was developing. all of sudden it starts breaks everyting, I didnt’ any npm install whatsoever, it just break up and refuses to compile now.
I’m totally hopeless and very upset because its a very complex project I lost several days working, including nights now, it refuses to compile and I’m sure, I DIDN’T CHANGED ANYTHING, it breaks alone by itself. Even if I did I never messed the config js, never ever touched. It breaks.

Read this messy here please.
Its completelhy unforgiven working on something that can break by itself and its not reliable, its very hard to anyone who wants to build something see their work be destroyed without any explanation like that.

2 warnings have detailed information that is not shown.
Use ‘stats.errorDetails: true’ resp. ‘—stats-error-details’ to show it.

ERROR in ./node_modules/destroy/index.js 12:17-41
Module not found: Error: Can’t resolve ‘fs’ in ‘/MYCOMPUTER/wallet-integration-template/node_modules/destroy’
@ ./node_modules/send/index.js 19:14-32
@ ./node_modules/express/lib/response.js 47:11-26
@ ./node_modules/express/lib/express.js 27:10-31
@ ./node_modules/express/index.js 10:0-41
@ ./src/js/mint/app.mjs 3:0-31
@ ./src/main.js 185:19-46

ERROR in ./node_modules/etag/index.js 22:12-31
Module not found: Error: Can’t resolve ‘fs’ in ‘/MYCOMPUTER/wallet-integration-template/node_modules/etag’
@ ./node_modules/express/lib/utils.js 25:11-26
@ ./node_modules/express/lib/application.js 30:18-48 32:25-62 34:19-50
@ ./node_modules/express/lib/express.js 19:12-36
@ ./node_modules/express/index.js 10:0-41
@ ./src/js/mint/app.mjs 3:0-31
@ ./src/main.js 185:19-46

ERROR in ./node_modules/express/lib/request.js 18:11-30
Module not found: Error: Can’t resolve ‘net’ in ‘/MYCOMPUTER/wallet-integration-template/node_modules/express/lib’
@ ./node_modules/express/lib/express.js 25:10-30
@ ./node_modules/express/index.js 10:0-41
@ ./src/js/mint/app.mjs 3:0-31
@ ./src/main.js 185:19-46

ERROR in ./node_modules/express/lib/view.js 18:9-22
Module not found: Error: Can’t resolve ‘fs’ in ‘/MYCOMPUTER/wallet-integration-template/node_modules/express/lib’
@ ./node_modules/express/lib/application.js 26:11-28
@ ./node_modules/express/lib/express.js 19:12-36
@ ./node_modules/express/index.js 10:0-41
@ ./src/js/mint/app.mjs 3:0-31
@ ./src/main.js 185:19-46

ERROR in ./node_modules/mime/mime.js 3:9-22
Module not found: Error: Can’t resolve ‘fs’ in ‘/MYCOMPUTER/wallet-integration-template/node_modules/mime’
@ ./node_modules/send/index.js 31:11-26
@ ./node_modules/express/lib/response.js 47:11-26
@ ./node_modules/express/lib/express.js 27:10-31
@ ./node_modules/express/index.js 10:0-41
@ ./src/js/mint/app.mjs 3:0-31
@ ./src/main.js 185:19-46

ERROR in ./node_modules/send/index.js 29:9-22
Module not found: Error: Can’t resolve ‘fs’ in ‘/MYCOMPUTER/wallet-integration-template/node_modules/send’
@ ./node_modules/express/lib/response.js 47:11-26
@ ./node_modules/express/lib/express.js 27:10-31
@ ./node_modules/express/index.js 10:0-41
@ ./src/js/mint/app.mjs 3:0-31
@ ./src/main.js 185:19-46

6 errors have detailed information that is not shown.
Use ‘stats.errorDetails: true’ resp. ‘—stats-error-details’ to show it.

webpack 5.48.0 compiled with 6 errors and 2 warnings in 13344 ms
ℹ ｢wdm｣: Failed to compile.

I’m sure this project waas up running 100% for god sake! There’s no stackoverflow now capable of helping me. This is beyond of frustrating this is hard as fuck…. why???? why????

Источник

Masui Masanori

Intro

To create a docker image, I wanted to compile the Express application from TypeScript to JavaScript.
But I got an error because the application couldn’t find TypeORM files after compiling.

This time, I will try bundling the application files with Webpack.

  • [TypeScript][PostgreSQL][TSyringe][Express]Try TypeORM 2
  • [TypeScript][Express] Try React
  • [TypeScript][Express] Try React 2

Environments

  • Node.js ver.16.6.1
  • Express ver.4.17.1
  • TypeScript ver.4.3.5
  • Webpack ver.5.50.0
  • webpack-cli ver.4.7.2
  • ts-loader ver.9.2.5
  • cors ver.2.8.5
  • pg ver.8.6.0
  • reflect-metadata ver.0.1.13
  • TSyringe ver.4.5.0
  • TypeoORM ver.0.2.34

Bundle an Express application

First, I create an Express application to try bundling.

index.ts

import express from 'express';
import cors from 'cors';

const port = 3098;
const app = express();

const allowlist = ['http://localhost:3000', 'http://localhost:3099']
const corsOptionsDelegate: cors.CorsOptionsDelegate<any> = (req, callback) => {
  const corsOptions = (allowlist.indexOf(req.header('Origin')) !== -1)? { origin: true }: { origin: false };
  callback(null, corsOptions);
};
app.use(express.json());
app.use(cors(corsOptionsDelegate));

app.get('/', async (req, res) => {
    res.json({ message: 'hello' });
});
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
});

Enter fullscreen mode

Exit fullscreen mode

webpack.config.js

var path = require('path');
module.exports = {
    mode: 'development',
    entry: {
        'index': './index.ts',
    },
    target: 'node',
    module: {
        rules: [
            {
                test: /.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: [ '.tsx', '.ts', '.js' ]
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, './js'),
    }
};

Enter fullscreen mode

Exit fullscreen mode

Although I can get bundled file and execute it by «node js/index.js», I get a warning like below. 

WARNING in ./node_modules/express/lib/view.js 81:13-25
Critical dependency: the request of a dependency is an expression
 @ ./node_modules/express/lib/application.js 22:11-28
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./index.ts 42:32-50

1 warning has detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

Enter fullscreen mode

Exit fullscreen mode

To avoid the warning, I add «webpack-node-externals».

webpack.config.js

const path = require('path');
const nodeExternals = require('webpack-node-externals');

module.exports = {
    mode: 'development',
    entry: {
        'index': './index.ts',
    },
    target: 'node',
    module: {
        rules: [
            {
                test: /.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
        extensions: [ '.tsx', '.ts', '.js' ]
    },
    externals: [nodeExternals()],
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, './js'),
    }
};

Enter fullscreen mode

Exit fullscreen mode

Some samples on some web sites write like below instead of using «nodeExternals()». 

...
    externals: ['express'],
...

Enter fullscreen mode

Exit fullscreen mode

Although I can bundle the application, but when I running it, I will get an error. 

C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:62
module.exports = express;
                 ^

ReferenceError: express is not defined
    at Object.express (C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:62:18)
    at __webpack_require__ (C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:86:42)
    at eval (webpack://webpack-sample/./index.ts?:42:33)
    at Object../index.ts (C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:40:1)
    at __webpack_require__ (C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:86:42)
    at C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:97:37
    at Object.<anonymous> (C:UsersexampleOneDriveDocumentsworkspacenode-webpack-samplejsindex.js:99:12)
...

Enter fullscreen mode

Exit fullscreen mode

  • How to set up an Express.js API using Webpack and TypeScript. — The Andela Way — Medium
  • Creating a Node Express-Webpack App with Dev and Prod Builds — Ben Grunfeld — Medium

Using TypeORM

Because I wanted to use TypeORM like the project what I had created last time, I added TypeORM into the sample.

Although I could add it and execute «npx webpack», I got an error on runtime. 

C:UsersexampleOneDriveDocumentsworkspacebookstore_sampleentitiesauthor.ts:1
import {Entity, PrimaryGeneratedColumn, Column} from "typeorm";
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1031:15)
    at Module._compile (node:internal/modules/cjs/loader:1065:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:94:18)
...

Enter fullscreen mode

Exit fullscreen mode

I think it’s because entity classes are loaded dynamically.
So if I change the code to just connecting the Database and avoiding accessing tables with entity classes, the error won’t be occurred.

Now I use «ormconfig.json» for configuration.

ormconfig.json

{
    "type": "postgres",
    "host": "localhost",
    "port": 5432,
    "username": "postgres",
    "password": "example",
    "database": "book_store",
    "synchronize": false,
    "logging": false, 
    "entities": ["./entities/*.{ts,js}"],
    "migrations": ["./migrations/*.{ts,js}"],
    "cli": {
       "entitiesDir": "entities",
       "migrationsDir": "migrations"
    }
 }

Enter fullscreen mode

Exit fullscreen mode

From the result, I moved the config data into «createConnection».

dataContext.ts (Before)

import "reflect-metadata";
import { singleton } from "tsyringe";
import { Connection, createConnection } from "typeorm";

@singleton()
export class DataContext {
    private connection: Connection|null = null;
    public async getConnection(): Promise<Connection> {
        if(this.connection != null) {
            return this.connection;
        }
        this.connection = await createConnection();
        return this.connection;
    } 
}

Enter fullscreen mode

Exit fullscreen mode

dataContext.ts (After)

import "reflect-metadata";
import { singleton } from "tsyringe";
import { Connection, createConnection } from "typeorm";
import { Author } from "../entities/author";
import { Book } from "../entities/book";
import { Genre } from "../entities/genre";

@singleton()
export class DataContext {
    private connection: Connection|null = null;
    public async getConnection(): Promise<Connection> {
        if(this.connection != null) {
            return this.connection;
        }
        this.connection = await createConnection({
            type: "postgres",
            host: "localhost",
            port: 5432,
            username: "postgres",
            password: "example",
            database: "book_store",
            synchronize: false,
            logging: false,
            entities: [Author, Book, Genre]
        });
        return this.connection;
    } 
}

Enter fullscreen mode

Exit fullscreen mode

For production, maybe I have to change configuration data like «host».

  • How to Use TypeORM with Webpack — Atomic Spin

An Animated Guide to Node.js Event Lop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.

Read next


genne23v profile image

Lesson Learned From Code Review

Genne23v — Feb 3


steve8708 profile image

Use Maps more and Objects less

Steve Sewell — Feb 8


jakeflavin profile image

OpenAI API Example in NodeJS

Jake Flavin — Feb 2


matteobruni profile image

tsParticles 2.8.0 Released

Matteo Bruni — Jan 19

Once unpublished, all posts by masanori_msl will become hidden and only accessible to themselves.

If masanori_msl is not suspended, they can still re-publish their posts from their dashboard.

Note:

Once unpublished, this post will become invisible to the public and only accessible to Masui Masanori.

They can still re-publish the post if they are not suspended.

Thanks for keeping DEV Community 👩‍💻👨‍💻 safe. Here is what you can do to flag masanori_msl:

Make all posts by masanori_msl less visible

masanori_msl consistently posts content that violates DEV Community 👩‍💻👨‍💻’s
code of conduct because it is harassing, offensive or spammy.

Источник

Понравилась статья? Поделить с друзьями:
  • Usb error 63 checkra1n
  • Url запрещен к индексированию тегом noindex wordpress как исправить
  • Upload failed did you use the template как исправить
  • Update process ended with error 1 при установке прошивки
  • Update cpp 1203 ошибка