NodeJS Wallet Connect /Web 3提供程序仅通过imoprting就显示大量错误

20jt8wwn  于 2023-03-12  发布在  Node.js
关注(0)|答案(6)|浏览(337)

我想在我的项目中使用“@walletconnect/web 3-provider”JS库,但一旦我安装了该库沿着Web 3模块(它们将一起使用)

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

然后将其导入到我的项目中(在React项目的App.js文件中)

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

它抱怨了这么多错误!

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

下面是服务器端出现的错误消息的一部分(在vs代码终端中):

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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-types\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-types\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-types\src\jsonrpc.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-types\src\jsonrpc.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-types\src\misc.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-types\src\misc.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-utils\src\url.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-utils\src\url.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-utils\src\validators.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\jsonrpc-utils\src\validators.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\randombytes\src\browser\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\randombytes\src\browser\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\safe-json\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\safe-json\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\socket-transport\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\socket-transport\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\socket-transport\src\network.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\socket-transport\src\network.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\constants.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\constants.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\encoding.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\encoding.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\url.ts' file: Error: ENOENT: no 
such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\url.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\validators.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\utils\src\validators.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\web3-provider\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\web3-provider\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\window-getters\src\index.ts' file: Error: 
ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\window-getters\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\window-metadata\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\@walletconnect\window-metadata\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\account.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\account.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:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\bytes.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\bytes.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:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\constants.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\constants.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:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\hash.ts' 
file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\hash.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:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\ethereumjs-abi\node_modules\ethereumjs-util\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\json-rpc-engine\src\getUniqueId.ts' file: Error: ENOENT: 
no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\json-rpc-engine\src\getUniqueId.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:\Work\Tellor\testField\test-wallet-connect\node_modules\json-rpc-engine\node_modules\eth-rpc-errors\src\index.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\json-rpc-engine\node_modules\eth-rpc-errors\src\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\xhr2-cookies\index.ts' file: Error: ENOENT: no such file 
or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\xhr2-cookies\index.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:\Work\Tellor\testField\test-wallet-connect\node_modules\xhr2-cookies\xml-http-request-upload.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\xhr2-cookies\xml-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:\Work\Tellor\testField\test-wallet-connect\node_modules\xhr2-cookies\xml-http-request.ts' file: Error: ENOENT: no such file or directory, open 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\xhr2-cookies\xml-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 src\App.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:\Work\Tellor\testField\test-wallet-connect\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 }
 @ ./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

这是错误消息的一部分,因为它出现在网页上:

Compiled with problems:

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

Module not found: Error: Can't resolve 'stream' in 'F:\Work\Tellor\testField\test-wallet-connect\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/eth-lib/lib/bytes.js 9:193-227

Module not found: Error: Can't resolve 'crypto' in 'F:\Work\Tellor\testField\test-wallet-connect\node_modules\eth-lib\lib'

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:\Work\Tellor\testField\test-wallet-connect\node_modules\web3-eth-accounts\node_modules\eth-lib\lib'

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:\Work\Tellor\testField\test-wallet-connect\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 'F:\Work\Tellor\testField\test-wallet-connect\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 'F:\Work\Tellor\testField\test-wallet-connect\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 'F:\Work\Tellor\testField\test-wallet-connect\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 }

我试图安装第二个错误消息中缺少的库,但它不工作!

gxwragnw

gxwragnw1#

您可以运行以下命令:

yarn remove react-scripts

yarn add react-scripts@4.0.3
jhiyze9q

jhiyze9q2#

这就是问题所在:https://github.com/facebook/create-react-app/issues/11756#issuecomment-1001130053
问题是webpack v5进行了破坏性更改,这意味着WalletConnectProvider:需要更新“@walletconnect/web 3-provider”包,以便与更新的webpackv 5和react-scripts一起使用。
与其降级脚本,最好的事情是walletConnect(或一个有诀窍的社区成员)更新这个问题。
由于这可能需要一段时间,你也可以使用react-app-rewired来填充它(我不保证性能,这也不是一个理想的解决方案--你基本上是在弹出你的应用),但这是一个权宜之计。
安装React应用程序-重新接线。npm install react-app-rewired
在根目录touch config-overrides.js中创建新文件config-overrides.js
把这个放进档案里

/* config-overrides.js */
const webpack = require('webpack');
module.exports = function override(config, env) {
  //do stuff with the webpack config...

  config.resolve.fallback = {
    url: require.resolve('url'),
    assert: require.resolve('assert'),
    crypto: require.resolve('crypto-browserify'),
    http: require.resolve('stream-http'),
    https: require.resolve('https-browserify'),
    os: require.resolve('os-browserify/browser'),
    buffer: require.resolve('buffer'),
    stream: require.resolve('stream-browserify')
  };
  config.plugins.push(
    new webpack.ProvidePlugin({
      process: 'process/browser',
      Buffer: ['buffer', 'Buffer']
    })
  );

  return config;
};

更改脚本,在package.json中使用react和react的react-app-rewired

"scripts": {
   "start": "react-app-rewired start",
   "build": "react-app-rewired build",
   "test": "react-app-rewired test",
   "eject": "react-app-rewired eject"
 },

您可能需要安装process & browserify作为dev-dependencies:npm install --save-dev process browserify

cdmah0mi

cdmah0mi3#

最新的React版本在其react-scripts中使用了webpack v5,这在目前与Wallet Connect/Web 3 Provider的配合中并不太好。我建议使用4.0.3,因为它使用的webpack 4是稳定的,目前被以太坊样板使用。所以上面的答案是正确的

e5njpo68

e5njpo684#

降级react-scripts,但如果您还使用更新的react-domreact,即v18,完全降级工作。
您可以运行以下命令:

yarn remove react-scripts react react-dom

yarn add react-scripts@4.0.3 react-dom@17.0.0 react@17.0.0

npm uninstall react-scripts react react-dom

npm install react-scripts@4.0.3 react-dom@17.0.0 react@17.0.0

还要检查您的index.js以更新您的React-dom实现以适应该版本。
P.S:如果您使用的是Chakra,这是我的情况下也运行

yarn remove framer-motion

yarn add framer-motion@4.1.17
kxxlusnw

kxxlusnw5#

正如Ally所说,您将需要安装react-app-rewired和source-map-loader。

npm i -D react-app-rewired
npm i -D source-map-loader

在项目的根目录下创建config-overrides.js文件,并添加Solana团队的config-overrides.js文件的基本示例-https://github.com/solana-labs/wallet-adapter/blob/master/packages/starter/create-react-app-starter/config-overrides.js
更改package.json文件脚本部分

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  },

它适用于最新的软件包。

ruarlubt

ruarlubt6#

下面是我的解决方案:
1.安装“react-app-rewired”。

yarn add react-app-rewired

1.在根目录下添加“config-overrides.js”文件,代码资源来自官方工程。

const webpack = require("webpack");

module.exports = function override(config) {
  const fallback = config.resolve.fallback || {};
  config.resolve.fallback = fallback;
  config.plugins = (config.plugins || []).concat([
    new webpack.ProvidePlugin({
      process: "process/browser",
      Buffer: ["buffer", "Buffer"],
    }),
  ]);
  config.resolve.extensions.push(".mjs");
  config.module.rules.push({
    test: /\.m?js/,
    resolve: {
      fullySpecified: false,
    },
  });

  return {
    ...config,
    // This is needed to not show the warning about this modules don't have src files, only on dist (build)
    ignoreWarnings: [
      {
        module: /node_modules\/@walletconnect/,
      },
      {
        module: /node_modules\/eth-rpc-errors/,
      },
      {
        module: /node_modules\/json-rpc-engine/,
      },
      {
        module: /node_modules\/@metamask/,
      },
      {
        module: /node_modules\/@gnosis.pm/,
      },
    ],
  };
};

1.修改package.json中的“scripts”部分,如下所示:

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build"
  },

相关问题