在“ethers”中找不到导出“utils”（导入为“utils”）

Question

我试图构建一个可以与区块链交互的网络应用程序，我使用 Brownie 作为 Solidity 框架和 ReactJS。我安装了useDapp来连接我的钱包。但在第一个简单的用法中我得到了这个错误：

编译有问题：

./node_modules/@usedapp/core/dist/esm/src/abi/multicall/constants.js 中的错误 3:29-44

在“ethers”中找不到导出“utils”（导入为“utils”）（可能导出：AbiCoder、AbstractProvider、AbstractSigner、AlchemyProvider、AnkrProvider、BaseContract、BaseWallet、Block、BrowserProvider、CloudflareProvider、ConstructorFragment、Contract、ContractEventPayload、ContractFactory、 ContractTransactionReceipt、ContractTransactionResponse、EnsResolver、ErrorFragment、EtherSymbol、EtherscanProvider、EventFragment、EventLog、FallbackProvider、FeeData、FetchCancelSignal、FetchRequest、FetchResponse、FixedNumber、Fragment、FunctionFragment、HDNodeVoidWallet、HDNodeWallet、索引、InfuraProvider、接口、IpcSocketProvider、JsonRpcApiProvider、JsonRpcProvider、JsonR个人电脑签名者， LangEn、日志、LogDescription、MaxInt256、MaxUint256、MessagePrefix、MinInt256、助记符、N、网络、NonceManager、ParamType、PocketProvider、QuickNodeProvider、结果、签名、SigningKey、SocketProvider、事务、TransactionDescription、TransactionReceipt、TransactionResponse、类型、TypedDataEncoder、Utf8ErrorFuncs、 VoidSigner、钱包、WebSocketProvider、WeiPerEther、Wordlist、WordlistOwl、WordlistOwlA、ZeroAddress、ZeroHash、accessListify、断言、assertArgument、assertArgumentCount、assertNormalize、assertPrivate、checkResultErrors、computeAddress、computeHmac、concat、dataLength、dataSlice、decodeBase58、decodeBase64、decodeBytes32String、decodeRlp、解密CrowdsaleJson、decryptKeystoreJson、decryptKeystoreJsonSync、defaultPath、defineProperties、dnsEncode、encodeBase58、encodeBase64、encodeBytes32String、encodeRlp、encryptKeystoreJson、encryptKeystoreJsonSync、ensNormalize、以太、formatEther、formatUnits、fromTwos、getAccountPath、getAddress、getBigInt、getBytes、getBytesCopy、getCreate2Address、获取创建地址、获取默认提供者、 getIcapAddress、getNumber、getUint、hashMessage、hexlify、id、isAddress、isAddressable、isBytesLike、isCallException、isCrowdsaleJson、isError、isHexString、isKeystoreJson、isValidName、keccak256、锁、makeError、掩码、namehash、parseEther、parseUnits、pbkdf2、randomBytes、recoverAddress、解决地址，ripemd160，scrypt，scryptSync，sha256，sha512，solidityPacked，solidityPackedKeccak256，solidityPackedSha256，stripZerosLeft，toBeArray，toBeHex，toBigInt，toNumber，toQuantity，toTwos，toUtf8Bytes，toUtf8CodePoints，toUtf8String，verifyMessage，版本，zeroPadBytes，零填充值）

./node_modules/@usedapp/core/dist/esm/src/abi/multicall2/constants.js 中的错误 3:29-44

在“ethers”中找不到导出“utils”（导入为“utils”）（可能导出：AbiCoder、AbstractProvider、AbstractSigner、AlchemyProvider、AnkrProvider、BaseContract、BaseWallet、Block、BrowserProvider、CloudflareProvider、ConstructorFragment、Contract、ContractEventPayload、ContractFactory、 ContractTransactionReceipt、ContractTransactionResponse、EnsResolver、ErrorFragment、EtherSymbol、EtherscanProvider、EventFragment、EventLog、FallbackProvider、FeeData、FetchCancelSignal、FetchRequest、FetchResponse、FixedNumber、Fragment、FunctionFragment、HDNodeVoidWallet、HDNodeWallet、索引、InfuraProvider、接口、IpcSocketProvider、JsonRpcApiProvider、JsonRpcProvider、JsonR个人电脑签名者， LangEn、日志、LogDescription、MaxInt256、MaxUint256、MessagePrefix、MinInt256、助记符、N、网络、NonceManager、ParamType、PocketProvider、QuickNodeProvider、结果、签名、SigningKey、SocketProvider、事务、TransactionDescription、TransactionReceipt、TransactionResponse、类型、TypedDataEncoder、Utf8ErrorFuncs、 VoidSigner、钱包、WebSocketProvider、WeiPerEther、Wordlist、WordlistOwl、WordlistOwlA、ZeroAddress、ZeroHash、accessListify、断言、assertArgument、assertArgumentCount、assertNormalize、assertPrivate、checkResultErrors、computeAddress、computeHmac、concat、dataLength、dataSlice、decodeBase58、decodeBase64、decodeBytes32String、decodeRlp、解密CrowdsaleJson、decryptKeystoreJson、decryptKeystoreJsonSync、defaultPath、defineProperties、dnsEncode、encodeBase58、encodeBase64、encodeBytes32String、encodeRlp、encryptKeystoreJson、encryptKeystoreJsonSync、ensNormalize、以太、formatEther、formatUnits、fromTwos、getAccountPath、getAddress、getBigInt、getBytes、getBytesCopy、getCreate2Address、获取创建地址、获取默认提供者、 getIcapAddress、getNumber、getUint、hashMessage、hexlify、id、isAddress、isAddressable、isBytesLike、isCallException、isCrowdsaleJson、isError、isHexString、isKeystoreJson、isValidName、keccak256、锁、makeError、掩码、namehash、parseEther、parseUnits、pbkdf2、randomBytes、recoverAddress、解决地址，ripemd160，scrypt，scryptSync，sha256，sha512，solidityPacked，solidityPackedKeccak256，solidityPackedSha256，stripZerosLeft，toBeArray，toBeHex，toBigInt，toNumber，toQuantity，toTwos，toUtf8Bytes，toUtf8CodePoints，toUtf8String，verifyMessage，版本，zeroPadBytes，零填充值）

./node_modules/@usedapp/core/dist/esm/src/constants/abi/index.js 中的错误 7:18-33

在“ethers”中找不到导出“utils”（导入为“utils”）（可能导出：AbiCoder、AbstractProvider、AbstractSigner、AlchemyProvider、AnkrProvider、BaseContract、BaseWallet、Block、BrowserProvider、CloudflareProvider、ConstructorFragment、Contract、ContractEventPayload、ContractFactory、 ContractTransactionReceipt、ContractTransactionResponse、EnsResolver、ErrorFragment、EtherSymbol、EtherscanProvider、EventFragment、EventLog、FallbackProvider、FeeData、FetchCancelSignal、FetchRequest、FetchResponse、FixedNumber、Fragment、FunctionFragment、HDNodeVoidWallet、HDNodeWallet、索引、InfuraProvider、接口、IpcSocketProvider、JsonRpcApiProvider、JsonRpcProvider、JsonR个人电脑签名者， LangEn、日志、LogDescription、MaxInt256、MaxUint256、MessagePrefix、MinInt256、助记符、N、网络、NonceManager、ParamType、PocketProvider、QuickNodeProvider、结果、签名、SigningKey、SocketProvider、事务、TransactionDescription、TransactionReceipt、TransactionResponse、类型、TypedDataEncoder、Utf8ErrorFuncs、 VoidSigner、钱包、WebSocketProvider、WeiPerEther、Wordlist、WordlistOwl、WordlistOwlA、ZeroAddress、ZeroHash、accessListify、断言、assertArgument、assertArgumentCount、assertNormalize、assertPrivate、checkResultErrors、computeAddress、computeHmac、concat、dataLength、dataSlice、decodeBase58、decodeBase64、decodeBytes32String、decodeRlp、解密CrowdsaleJson、decryptKeystoreJson、decryptKeystoreJsonSync、defaultPath、defineProperties、dnsEncode、encodeBase58、encodeBase64、encodeBytes32String、encodeRlp、encryptKeystoreJson、encryptKeystoreJsonSync、ensNormalize、以太、formatEther、formatUnits、fromTwos、getAccountPath、getAddress、getBigInt、getBytes、getBytesCopy、getCreate2Address、获取创建地址、获取默认提供者、 getIcapAddress、getNumber、getUint、hashMessage、hexlify、id、isAddress、isAddressable、isBytesLike、isCallException、isCrowdsaleJson、isError、isHexString、isKeystoreJson、isValidName、keccak256、锁、makeError、掩码、namehash、parseEther、parseUnits、pbkdf2、randomBytes、recoverAddress、解决地址，ripemd160，scrypt，scryptSync，sha256，sha512，solidityPacked，solidityPackedKeccak256，solidityPackedSha256，stripZerosLeft，toBeArray，toBeHex，toBigInt，toNumber，toQuantity，toTwos，toUtf8Bytes，toUtf8CodePoints，toUtf8String，verifyMessage，版本，zeroPadBytes，零填充值）

./node_modules/@usedapp/core/dist/esm/src/helpers/address.js 中的错误 9:29-45

在“ethers”中找不到导出“utils”（导入为“utils”）（可能导出：AbiCoder、AbstractProvider、AbstractSigner、AlchemyProvider、AnkrProvider、BaseContract、BaseWallet、Block、BrowserProvider、CloudflareProvider、ConstructorFragment、Contract、ContractEventPayload、ContractFactory、 ContractTransactionReceipt、ContractTransactionResponse、EnsResolver、ErrorFragment、EtherSymbol、EtherscanProvider、EventFragment、EventLog、FallbackProvider、FeeData、FetchCancelSignal、FetchRequest、FetchResponse、FixedNumber、Fragment、FunctionFragment、HDNodeVoidWallet、HDNodeWallet、索引、InfuraProvider、接口、IpcSocketProvider、JsonRpcApiProvider、JsonRpcProvider、JsonR个人电脑签名者， LangEn、日志、LogDescription、MaxInt256、MaxUint256、MessagePrefix、MinInt256、助记符、N、网络、NonceManager、ParamType、PocketProvider、QuickNodeProvider、结果、签名、SigningKey、SocketProvider、事务、TransactionDescription、TransactionReceipt、TransactionResponse、类型、TypedDataEncoder、Utf8ErrorFuncs、 VoidSigner、钱包、WebSocketProvider、WeiPerEther、Wordlist、WordlistOwl、WordlistOwlA、ZeroAddress、ZeroHash、accessListify、断言、assertArgument、assertArgumentCount、assertNormalize、assertPrivate、checkResultErrors、computeAddress、computeHmac、concat、dataLength、dataSlice、decodeBase58、decodeBase64、decodeBytes32String、decodeRlp、解密CrowdsaleJson、decryptKeystoreJson、decryptKeystoreJsonSync、defaultPath、defineProperties、dnsEncode、encodeBase58、encodeBase64、encodeBytes32String、encodeRlp、encryptKeystoreJson、encryptKeystoreJsonSync、ensNormalize、以太、formatEther、formatUnits、fromTwos、getAccountPath、getAddress、getBigInt、getBytes、getBytesCopy、getCreate2Address、获取创建地址、获取默认提供者、 getIcapAddress、getNumber、getUint、hashMessage、hexlify、id、isAddress、isAddressable、isBytesLike、isCallException、isCrowdsaleJson、isError、isHexString、isKeystoreJson、isValidName、keccak256、锁、makeError、掩码、namehash、parseEther、parseUnits、pbkdf2、randomBytes、recoverAddress、解决地址，ripemd160，scrypt，scryptSync，sha256，sha512，solidityPacked，solidityPackedKeccak256，solidityPackedSha256，stripZerosLeft，toBeArray，toBeHex，toBigInt，toNumber，toQuantity，toTwos，toUtf8Bytes，toUtf8CodePoints，toUtf8String，verifyMessage，版本，zeroPadBytes，零填充值）

这是我的 App.tsx 文件：

import React from 'react';
import logo from './logo.svg';
import './App.css';
import { DAppProvider, ChainId } from "@usedapp/core";


function App() {
  return (
    <DAppProvider config={{ supportedChains: [ChainId.Goerli] }}>
      <div>
        Hello!
      </div>
    </DAppProvider>
  );
}

export default App;

请问有什么建议来修复这个错误吗？

Answer 1

前：

ethers.utils.formatEther(balance);

后：

ethers.formatEther(balance);