Wallet Connect / Web3 Provider 仅通过 imoprting 显示大量错误

问题描述 投票：0回答：6

我想在我的项目中使用“@walletconnect/web3-provider”JS库，但是一旦我安装了这个库和Web3模块（它们将一起使用）

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 }

我尝试在第二条错误消息中安装缺少的库，但没有成功！

javascript node.js npm web3js
6个回答
9
投票

您可以运行这些命令：

yarn remove react-scripts

yarn add [email protected]
5
投票

这是问题：https://github.com/facebook/create-react-app/issues/11756#issuecomment-1001130053

问题是 webpack v5 进行了重大更改，这意味着 WalletConnectProvider: '@walletconnect/web3-provider' 包需要更新才能与更新的 webpackv5 和 react-scripts 一起使用。

与其降级脚本 - 最好的办法是让 walletConnect（或具有专业知识的优秀社区成员）更新此问题。

因为这可能需要一段时间，你也可以使用 react-app-rewired 来填充它（我不保证性能，这也不是一个真正理想的解决方案——你基本上是在弹出你的应用程序），但它是一个停止-差距。

安装 react-app-rewired。 

 npm install react-app-rewired

在您的根目录中创建新文件 config-overrides.js 

touch 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-app-rewired 和 react

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

您可能需要安装 process & browserify 作为开发依赖： 

npm install --save-dev process browserify

2
投票

最新的 React 版本在其 react-scripts 中使用了 webpack v5，目前与 Wallet Connect/Web3 Provider 的配合使用效果不佳。我推荐使用 4.0.3，因为它使用的是稳定的 webpack 4，目前由 Ethereum Boilerplate 使用。所以上面的答案是正确的做法

0
投票

降级 

react-scripts
但如果您还使用更新的 
react-dom
和 
react
即 
v18
，则完全降级有效。

您可以运行这些命令：

yarn remove react-scripts react react-dom

yarn add [email protected] [email protected] [email protected]

或

npm uninstall react-scripts react react-dom

npm install [email protected] [email protected] [email protected]

还要检查您的 

index.js
以更新您的 
React-dom
实施以适应版本。

P.S：如果你正在使用

Chakra
我的情况也运行

yarn remove framer-motion

yarn add [email protected]
0
投票

正如 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-覆盖.js

更改 package.json 文件脚本部分

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

它适用于最新的软件包。

0
投票

这是我的解决方案：

  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"
  },
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.