Hardhat MetaMask 错误：交易解码不适用于 chainId 31337

问：

0

我创建了一个房地产去中心化合约，并使用ethers.js将其与Vite-React连接起来。

我正在使用 Meta Mask 和 HardHat 本地网络来获得无 Hardhat 的以太币。我将 5 个 Hardhat 钱包导入 MetaMask 进行交易。

编译合约后，我复制合约 abis，在 src 目录上，我创建一个 floder abis 并经过该文件夹中的 abis

我创建了一个组件 Home.jsx，在这个组件中，我创建了一些调用托管合约函数并执行交易的函数。当我点击任何按钮（出售和批准，购买，批准检查，批准和借出）时，它会打开元掩码，当我确认交易时，它显示错误并失败交易。当我单击任何按钮并且元掩码弹出窗口显示在该弹出数据部分进行确认时，我看到（交易解码不适用于 chainId 31337）此错误。我提供的错误我在 chrome 控制台上看到了它。

请帮我解决这个问题。

托管合约链接： https://github.com/huzaafi/Real-Estate-Project/blob/main/contracts/Escrow.sol

App.jsx 链接： https://github.com/huzaafi/Real-Estate-Project/blob/main/src/App.jsx

Home.jsx 链接： https://github.com/huzaafi/Real-Estate-Project/blob/main/src/components/Home.jsx

错误：

inpage.js:1 MetaMask - RPC Error: [ethjs-rpc] rpc error with payload {"id":1340796751225,"jsonrpc":"2.0","params":["0x02f898827a69028459682f00846a9b4030825d0094dc64a140aa3e981100a9beca4e685f962f0cf6c9884563918244f40000a4e740f7700000000000000000000000000000000000000000000000000000000000000001c080a0321f3df88f7b6a4c6cf4d23237a233a349186d4f9fcf7e01ee1775c0ade4cfdda0258f6294507b47cec5278a44cf33ba7afaa6de5b1a2673e165e3f4ceb54f3c0c"],"method":"eth_sendRawTransaction"} {
  "code": -32603,
  "message": "Internal JSON-RPC error.",
  "data": {
    "code": -32000,
    "message": "Nonce too high. Expected nonce to be 0 but got 2. Note that transactions can't be queued when automining.",
    "data": {
      "message": "Nonce too high. Expected nonce to be 0 but got 2. Note that transactions can't be queued when automining."
    }
  },
  "stack": "{\n  \"code\": -32603,\n  \"message\": \"Internal JSON-RPC error.\",\n  \"data\": {\n    \"code\": -32000,\n    \"message\": \"Nonce too high. Expected nonce to be 0 but got 2. Note that transactions can't be queued when automining.\",\n    \"data\": {\n      \"message\": \"Nonce too high. Expected nonce to be 0 but got 2. Note that transactions can't be queued when automining.\"\n    }\n  },\n  \"stack\": \"Error: Internal JSON-RPC error.\\n    at new i (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-3.js:16:10940)\\n    at s (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-3.js:16:13880)\\n    at Object.internal (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-3.js:16:14490)\\n    at u (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/background-0.js:7:49968)\\n    at chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/background-0.js:7:50970\\n    at async chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-4.js:19:37935\"\n}\n  at new i (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-3.js:16:10940)\n  at s (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-3.js:16:13880)\n  at Object.internal (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-3.js:16:14490)\n  at u (chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/background-0.js:7:49968)\n  at chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/background-0.js:7:50970\n  at async chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/common-4.js:19:37935"
} {code: -32603, message: '[ethjs-rpc] rpc error with payload {"id":134079675…eogaeaoehlefnkodbefgpgknn/common-4.js:19:37935"\n}', stack: '{\n  "code": -32603,\n  "message": "[ethjs-rpc] rpc …hfbeogaeaoehlefnkodbefgpgknn/common-4.js:19:37935'}
(anonymous) @ inpage.js:1
(anonymous) @ inpage.js:1
p @ inpage.js:1
f @ inpage.js:1
await in f (async)
l @ inpage.js:1
handle @ inpage.js:1
_rpcRequest @ inpage.js:1
(anonymous) @ inpage.js:1
request @ inpage.js:1
(anonymous) @ ethers.esm.js:19532
send @ ethers.esm.js:19578
(anonymous) @ ethers.esm.js:17752
Promise.then (async)
sendUncheckedTransaction @ ethers.esm.js:17742
sendTransaction @ ethers.esm.js:17783
(anonymous) @ ethers.esm.js:8424
fulfilled @ ethers.esm.js:8205
Promise.then (async)
step @ ethers.esm.js:8207
(anonymous) @ ethers.esm.js:8208
__awaiter$2 @ ethers.esm.js:8204
(anonymous) @ ethers.esm.js:8413
buyHandler @ Home.jsx:79
await in buyHandler (async)
callCallback2 @ react-dom.development.js:4164
invokeGuardedCallbackDev @ react-dom.development.js:4213
invokeGuardedCallback @ react-dom.development.js:4277
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4291
executeDispatch @ react-dom.development.js:9041
processDispatchQueueItemsInOrder @ react-dom.development.js:9073
processDispatchQueue @ react-dom.development.js:9086
dispatchEventsForPlugins @ react-dom.development.js:9097
(anonymous) @ react-dom.development.js:9288
batchedUpdates$1 @ react-dom.development.js:26140
batchedUpdates @ react-dom.development.js:3991
dispatchEventForPluginEventSystem @ react-dom.development.js:9287
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay @ react-dom.development.js:6465
dispatchEvent @ react-dom.development.js:6457
dispatchDiscreteEvent @ react-dom.development.js:6430
Home.jsx:87 Uncaught (in promise) {code: -32603, message: '[ethjs-rpc] rpc error with payload {"id":134079675…eogaeaoehlefnkodbefgpgknn/common-4.js:19:37935"\n}', stack: '{\n  "code": -32603,\n  "message": "[ethjs-rpc] rpc …hfbeogaeaoehlefnkodbefgpgknn/common-4.js:19:37935'}
buyHandler @ Home.jsx:87
await in buyHandler (async)
callCallback2 @ react-dom.development.js:4164
invokeGuardedCallbackDev @ react-dom.development.js:4213
invokeGuardedCallback @ react-dom.development.js:4277
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4291
executeDispatch @ react-dom.development.js:9041
processDispatchQueueItemsInOrder @ react-dom.development.js:9073
processDispatchQueue @ react-dom.development.js:9086
dispatchEventsForPlugins @ react-dom.development.js:9097
(anonymous) @ react-dom.development.js:9288
batchedUpdates$1 @ react-dom.development.js:26140
batchedUpdates @ react-dom.development.js:3991
dispatchEventForPluginEventSystem @ react-dom.development.js:9287
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay @ react-dom.development.js:6465
dispatchEvent @ react-dom.development.js:6457
dispatchDiscreteEvent @ react-dom.development.js:6430