Lesson8: MetaMask - RPC Error: Internal JSON-RPC error.

[Maakai123]

After creating Hardhat local host in my MetaMask and connected my front end, i tried my Fund button and i got these errors
Please some one tell me what i did wrong

MetaMask - RPC Error: Internal JSON-RPC error. {code: -32603, message: 'Internal JSON-RPC error.', data: {…}}
(anonymous) @ inpage.js:1
(anonymous) @ inpage.js:17
_runReturnHandlers @ inpage.js:17
_processRequest @ inpage.js:17
await in _processRequest (async)
_handle @ inpage.js:17
handle @ inpage.js:17
_rpcRequest @ inpage.js:1
(anonymous) @ inpage.js:1
request @ inpage.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
send @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
__awaiter$a @ ethers-5.6.esm.min.js:1
perform @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
fulfilled @ ethers-5.6.esm.min.js:1
Promise.then (async)
step @ ethers-5.6.esm.min.js:1
fulfilled @ ethers-5.6.esm.min.js:1
Promise.then (async)

step @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
__awaiter$9 @ ethers-5.6.esm.min.js:1
estimateGas @ ethers-5.6.esm.min.js:1
sendUncheckedTransaction @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
fulfilled @ ethers-5.6.esm.min.js:1
Promise.then (async)
step @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
__awaiter$a @ ethers-5.6.esm.min.js:1
sendTransaction @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
fulfilled @ ethers-5.6.esm.min.js:1
Promise.then (async)
step @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
__awaiter$4 @ ethers-5.6.esm.min.js:1
(anonymous) @ ethers-5.6.esm.min.js:1
fund @ index.js:62

ethers-5.6.esm.min.js:1 Uncaught (in promise) Error: cannot estimate gas; transaction may fail or may require manual gas limit [ See: https://links.ethers.org/v5-errors-UNPREDICTABLE_GAS_LIMIT ] (reason="Error: Transaction reverted: function call to a non-contract account", method="estimateGas", transaction={"from":"0x8d511bA6dE98c8ACE13Da5928a25A3D846F79AC3","to":"0xe7f1725E7734CE288F8367e1Bb143E90bb3F0512","value":{"type":"BigNumber","hex":"0x6124fee993bc0000"},"data":"0xb60d4288","accessList":null}, error={"code":-32603,"message":"Internal JSON-RPC error.","data":{"code":-32603,"message":"Error: Transaction reverted: function call to a non-contract account","data":{"message":"Error: Transaction reverted: function call to a non-contract account","data":"0x"}},"stack":"{\n  \"code\": -32603,\n

index.js

import { ethers } from "./ethers-5.6.esm.min.js"
 //import abi from constants
 import { abi , contractAddress} from "./constants.js"

 const connectButton = document.getElementById("connectButton")
 const fundButton = document.getElementById("fundButton")
 connectButton.onclick = connect
 fundButton.onclick = fund

console.log(ethers)
 async function connect(){
    if(typeof window.ethereum !== "undefined"){
     //window.ethereum.request({method:"eth_requestAccounts"})
     
    //Lets update with await
     await ethereum.request({method:"eth_requestAccounts"})   
     //document.getElementById("connectButton").innerHTML = "Connected"
     //update the above since we are using await
     connectButton.innerHTML = "Connected"
     } else {
         console.log("No metamask")
     }
 }

 async function fund()  { 

     const ethAmount = "7"
    
    console.log(`Funding with ${ethAmount}`)
    if(typeof window.ethereum !=="undefined"){
        //what needed to send Transaction
        //provider 2) connection to the blockchain
        //signer /wallet /someone with some gas'// contract that we are interacting with
        //ABI and Address

//web3Provider ease moving from web3.js based app to ethers, wrapps existing web3- compataible(web3HttpProvider) either infura or Alchemy
     //Metamask will be the http point.
     const provider = new ethers.providers.Web3Provider(window.ethereum)
     //since our provider is connected to Metamask we need a signer
     const signer = provider.getSigner()
     //signer will return anywallet connected to the provider which is the metamask
     // we need ABI and address,of our contract create a file constants
     //go to the contract in question and get the Abi and run yarn hardhat node
     //copy the address like in our case fundMe address deployed at 0xfklaa....
     //go back to constant file and past it like export..
      const contract = new ethers.Contract(contractAddress, abi, signer)
      //lets run transaction
      const transactionResponse = await contract.fund({
        value: ethers.utils.parseEther(ethAmount),
    })

      

    
     
    }

 }

<title>Fund Me App</title>

<link rel="stylesheet" href="./main.css"/>

Connect getBalance Withdraw ETH Amount Fund <script src="./index.js" type="module"></script> ```

[TradMod]

Bro you have commented out some main functions like:

async function connect(){ if(typeof window.ethereum !== "undefined"){ //window.ethereum.request({method:"eth_requestAccounts"}) //Lets update with await await ethereum.request({method:"eth_requestAccounts"}) //document.getElementById("connectButton").innerHTML = "Connected" //update the above since we are using await connectButton.innerHTML = "Connected" } else { console.log("No metamask") }

Change this into this:

async function connect(){ if(typeof window.ethereum !== "undefined"){ window.ethereum.request({method:"eth_requestAccounts"}) await ethereum.request({method:"eth_requestAccounts"}) document.getElementById("connectButton").innerHTML = "Connected" connectButton.innerHTML = "Connected" } else { console.log("No metamask") }

Check good, if you have commented out any other func or not. I would advise you to remove cmnts (//)

[Maakai123]

I removed all the comments, the same error also surfaced,

[alymurtazamemon]

@Maakai123 Make sure you have done settings correctly and you have enough amount in it for gas.