Lesson 8 (Error Uncaught (in promise) Error: invalid ENS name (argument="name", value=1.3241613105987439e+48, code=INVALID_ARGUMENT, version=providers/5.1.2)

[BalamRamGas]

Hi. Team.

I'm getting the following error when I click the "fund" button on my front-end interface...

Uncaught (in promise) Error: invalid ENS name (argument="name", value=1.3241613105987439e+48, code=INVALID_ARGUMENT, version=providers/5.1.2)
at Logger.makeError (ethers-5.6.esm.min.js:2968:23)
at Logger.throwError (ethers-5.6.esm.min.js:2977:20)
at Logger.throwArgumentError (ethers-5.6.esm.min.js:2980:21)
at Web3Provider. (ethers-5.6.esm.min.js:19488:26)
at Generator.next ()
at fulfilled (ethers-5.6.esm.min.js:18124:36)

Here is my code

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

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

async function connect() {
    if (typeof window.ethereum !== "undefined") {
        console.log("I see a metamask")
        await window.ethereum.request({ method: "eth_requestAccounts" })
        console.log("We're connected")
        connectButton.innerHTML = "Connected"
    } else {
        console.log("I don't see a metamask")
        connectButton.innerHTML = "Install Metamask"
    }
}
async function fund() {
    const ethAmount = "77"
    console.log(`Funding with: ${ethAmount} ETH`)
    if (typeof window.ethereum !== "undefined") {
        //provider / connection with the blockchain
        //signer / wallet / Someone with gas
        //A contract to interact with (its ABI & Address)
        const provider = new ethers.providers.Web3Provider(window.ethereum)
        const signer = await provider.getSigner()
        //const signerAddress = await signer.getAddress()
        //console.log(signerAddress)
        const contract = new ethers.Contract(contractAddress, abi, signer)
        const transactionResponse = await contract.fund({
            value: ethers.utils.parseEther(ethAmount),
        })
    }
}

I tried several options but all af them makes a different error such as... Uncaught (in promise) Error: invalid signer or provider (argument="signerOrProvider", value={}, code=INVALID_ARGUMENT, version=contracts/5.1.1) .Which according to another question-answer the third parameter (signer) should be an address.... so I tried with ....

const contract = new ethers.Contract(contractAddress, abi, signer.getAddress()

didn't work either.

I tried to use theContractFactory object instead ... " new ethers.ContractFactory( interface , bytecode [ , signer ] ) " ... however I couldn't export the bytecode's contract on the "constant.js" because there is a limit on the VSCode settings (Tokenization is skipped for long lines for performance reasons. This can be configured via editor.maxTokenizationLineLength.
Numeric literals with absolute values equal to 2^53 or greater are too large to be represented accurately as integers) I changed the settings but couldn't get this resolved....

Is there any problem with the ethers web-browser version?

anyways... I tried options but now I'm completely lost and not sure what the solutions is yet. Thanks in advance =D

[Nlferu]

Hello @BalamRamGas

Script in index.js is totally correct, try changing ethAmount to smaller number like 0.1 instead of 77. Check if you are connected to correct contract, check if you are connected to MetaMask account that has sufficient funds. There also may be problem with rest of your code like abi or contract address. If you checked above connection to correct contract and wallet give us your repository here, it will be easier to spot problem.

[BalamRamGas]

I made slight changes on the code just to find the problem using the console....

constants.js (code) (The contract address has 3 little dots and then this message is been displayed.... Numeric literals with absolute values equal to 2^53 or greater are too large to be represented accurately as integers. (Is the problem related with the address?

export const contractAddress = 0xe7f1725e7734ce288f8367e1bb143e90bb3f0512
export const abi = [
    {
        inputs: [
            {
                internalType: "address",
                name: "priceFeedAddress",
                type: "address",
            },
        ],
        stateMutability: "nonpayable",
        type: "constructor",
    },
    {
        inputs: [],
        name: "FundMe__NotOwner",
        type: "error",
    },
    {
        stateMutability: "payable",
        type: "fallback",
    },
    {
        inputs: [],
        name: "MINIMUM_USD",
        outputs: [
            {
                internalType: "uint256",
                name: "",
                type: "uint256",
            },
        ],
        stateMutability: "view",
        type: "function",
    },
    {
        inputs: [],
        name: "cheaperWithdraw",
        outputs: [],
        stateMutability: "payable",
        type: "function",
    },
    {
        inputs: [],
        name: "fund",
        outputs: [],
        stateMutability: "payable",
        type: "function",
    },
    {
        inputs: [
            {
                internalType: "address",
                name: "funder",
                type: "address",
            },
        ],
        name: "getAddressToAmountFunded",
        outputs: [
            {
                internalType: "uint256",
                name: "",
                type: "uint256",
            },
        ],
        stateMutability: "view",
        type: "function",
    },
    {
        inputs: [
            {
                internalType: "uint256",
                name: "index",
                type: "uint256",
            },
        ],
        name: "getFunder",
        outputs: [
            {
                internalType: "address",
                name: "",
                type: "address",
            },
        ],
        stateMutability: "view",
        type: "function",
    },
    {
        inputs: [],
        name: "getOwner",
        outputs: [
            {
                internalType: "address",
                name: "",
                type: "address",
            },
        ],
        stateMutability: "view",
        type: "function",
    },
    {
        inputs: [],
        name: "getPriceFeed",
        outputs: [
            {
                internalType: "contract AggregatorV3Interface",
                name: "",
                type: "address",
            },
        ],
        stateMutability: "view",
        type: "function",
    },
    {
        inputs: [],
        name: "s_priceFeed",
        outputs: [
            {
                internalType: "contract AggregatorV3Interface",
                name: "",
                type: "address",
            },
        ],
        stateMutability: "view",
        type: "function",
    },
    {
        inputs: [],
        name: "withdraw",
        outputs: [],
        stateMutability: "payable",
        type: "function",
    },
    {
        stateMutability: "payable",
        type: "receive",
    },
]

The contract address i'm using is... 0xe7f1725e7734ce288f8367e1bb143e90bb3f0512

I made sligth changes on the code just to track where the issue comes from...

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

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

async function connect() {
    if (typeof window.ethereum !== "undefined") {
        console.log("I see a metamask")
        await window.ethereum.request({ method: "eth_requestAccounts" })
        console.log("We're connected")
        connectButton.innerHTML = "Connected"
    } else {
        console.log("I don't see a metamask")
        connectButton.innerHTML = "Install Metamask"
    }
}
async function fund() {
    const ethAmount = "0.2"
    console.log(`Funding with: ${ethAmount} ETH`)
    if (typeof window.ethereum !== "undefined") {
        //provider / connection with the blockchain
        //signer / wallet / Someone with gas
        //A contract to interact with (its ABI & Address)
        const provider = new ethers.providers.Web3Provider(window.ethereum)
        console.log(provider)
        const signer = await provider.getSigner()
        console.log(signer)
        console.log(`Contract Address: ${contractAddress}`)
        const signerAddress = await signer.getAddress()
        console.log(`Signer Address: ${signerAddress}`)
        const contract = new ethers.Contract(contractAddress, abi, signer)
        const transactionResponse = await contract.fund({
            value: ethers.utils.parseEther(ethAmount),
        })
    }
}

Why the console shows... Contract Address: 1.3241613105987439e+48 ????? Is this where the problem comes from? and how do I get the address right? I tried to hard-code the address in the index.js but the console shows the same number.

[alymurtazamemon]

@BalamRamGas wrap it in quotes and check "0xe7f1725e7734ce288f8367e1bb143e90bb3f0512", may be javascript automatically converting it to hexadecimal value.

[BalamRamGas]

Thanks¡¡¡ It helped me a lot.