contract runner does not support sending transactions (operation="sendTransaction", code=UNSUPPORTED_OPERATION, version=6.0.2)

[o-ray-o]

Hello!

I ran into an issue :

contract runner does not support sending transactions (operation="sendTransaction", code=UNSUPPORTED_OPERATION, version=6.0.2)

and under inspect : Uncaught (in promise) TypeError: signer.getAddress is not a function

In App.js I have the following relevant code:

if (contract) {
        signer.getAddress().then((address) => {
          contract.members(address).then((result) => setIsMember(result));
        });

and in contract.js

const provider = new ethers.BrowserProvider(window.ethereum);
export const connect = async () => {
  await provider.send("eth_requestAccounts", []);
  return getContract();
};

export const getContract = async () => {
  const signer = provider.getSigner();
  const contract = new ethers.Contract(address, abi, signer);
  return { signer: signer, contract: contract };
};

As per Ricmoo's suggestion, I did not use const provider = new ethers.providers.Web3Provider(window.ethereum); for this version of ethers.js

It seems that getAddress() function is missing inside BrowserProvider method. How can I fix this, and is there a place where I can see the updated documentation?

Appreciate your help

[jeromevvb]

const signer = await provider.getSigner();

getSigner returns a promise

[iftikharuddin]

Yap this is the fix. Adding await ensures that the signer is properly awaited, allowing you to work with it once the promise is resolved.

[Taewa]

@o-ray-o
Did you solve the issue? I am getting the same error contract runner does not support sending transactions (but my ethers version is 6.6.0).
I already added await at the provider.getSigner(); but it doesn't solve the issue.

[ricmoo]

Can you do a console.log on the signer you are passing in as the runner?

[BramSrna]

I ran into a similar issue because I was calling a function on a contract instead of getting the ABI encoded version. This is what I had initially:

    //set up transaction parameters
    const transactionParameters = {
        to: CONTRACT_ADDRESS, // Required except during contract publications.
        from: address, // must match user's active address.
        data: helloWorldContract.update(message)
    };

    //sign the transaction
    await window.ethereum.request({
        method: "eth_sendTransaction",
        params: [transactionParameters],
    });

Switching to this fixed it:

    //set up transaction parameters
    const transactionParameters = {
        to: CONTRACT_ADDRESS, // Required except during contract publications.
        from: address, // must match user's active address.
        data: helloWorldContract.interface.encodeFunctionData("update", [message])
    };

    //sign the transaction
    await window.ethereum.request({
        method: "eth_sendTransaction",
        params: [transactionParameters],
    });

The fix was in changing the value for data in transactionParameters

[ricmoo]

You should be able to just use contract.update(message); there shouldn’t be any need to manually interact over the JSON-RPC protocol, or compute your own data. Make sure you have connected the contract to the Signer and then you can use the high-level Contract interface.

[wbshobhit1]

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

const connectButton = document.getElementById("connectButton");
const fundButton = document.getElementById("fundButton");
const balanceButton = document.getElementById("balanceButton");
const withdrawButton = document.getElementById("withdrawButton");

connectButton.onclick = connect;
fundButton.onclick = fund;
balanceButton.onclick = getBalance;
withdrawButton.onclick = withdraw;

async function connect() {
if (typeof window.ethereum !== "undefined") {
try {
await ethereum.request({ method: "eth_requestAccounts" });
} catch (error) {
console.log(error);
}
connectButton.innerHTML = "connected";
const accounts = await ethereum.request({ method: "eth_accounts" });
console.log(accounts);
} else {
connectButton.innerHTML = "Please install MetaMask ";
}
}

async function fund() {
const ethAmount = document.getElementById("ethAmount").value;
console.log(Funding with ${ethAmount}...);
if (typeof window.ethereum !== "undefined") {
const provider = new ethers.BrowserProvider(window.ethereum);
const signer = await provider.getSigner();
console.log(signer);
const contract = new ethers.Contract(contractAddress, abi, signer);
try {
const transactionResponse = await contract.fund({
value: ethers.parseEther(ethAmount),
});
await listenForTransactionMine(transactionResponse, provider);
} catch (error) {
console.log(error);
}
} else {
fundButton.innerHTML = "No fund ";
}
}

async function getBalance() {
if (typeof window.ethereum !== "undefined") {
const provider = new ethers.BrowserProvider(window.ethereum);
try {
const balance = await provider.getBalance(contractAddress);
console.log(ethers.formatEther(balance));
} catch (error) {
console.log(error);
}
} else {
balanceButton.innerHTML = "Please install MetaMask";
}
}

async function withdraw() {
console.log(Withdrawing...);
if (typeof window.ethereum !== "undefined") {
const provider = new ethers.BrowserProvider(window.ethereum);
await provider.send("eth_requestAccounts", []);
const signer = await provider.getSigner();
const contract = new ethers.Contract(contractAddress, abi, signer);
try {
const transactionResponse = await contract.withdraw();
await listenForTransactionMine(transactionResponse, provider);
// await transactionResponse.wait(1)
} catch (error) {
console.log(error);
}
} else {
withdrawButton.innerHTML = "Not Owner";
}
}

function listenForTransactionMine(transactionResponse, provider) {
console.log(Mining ${transactionResponse.hash});
return new Promise((resolve, reject) => {
try {
provider.once(transactionResponse.hash, (transactionReceipt) => {
console.log(
Completed with ${transactionReceipt.confirmations} confirmations,
);
resolve();
});
} catch (error) {
reject(error);
}
});
}
`
I have this index.js file and i have added the await before the provider.getSigner but i am still facing the issue. I am also getting the same error. I did console.log but it is like this (const signer: JsonRpcSigner)

[jcb31416]

I suspect that the external wallet provider (e.g. metamask) does not support contract calling interaction.

[ricmoo]

MetaMask definitely supports calling…

[jcb31416]

let me show you a typescript representative example of what i mean to express myself better. consider the object providerDetail: EIP6963ProviderDetail, the respective contract address addr_con_pool, and the corresponding abi fragment to be called abi_slot0,

const signer   = await new ethers.BrowserProvider(providerDetail.provider).getSigner(); // ethers v6
const con_pool = await new ethers.Contract(addr_con_pool, abi_slot0, signer[0]); // uniswap contract_pool with no args
const resp     = await con_pool.slot0();

throws the following error: Error: contract runner does not support calling (operation="call", code=UNSUPPORTED_OPERATION, version=6.11.1)

consider variations (e.g. not using "await"; using signer instead of signer[0]; using connect after a contract instance with no provider, etc). maybe there is a better example that this since this invokes a view-only function (it's more interesting for general non-view functions).

i'm keen on learning every day, but afaik, no matter the calling operation to be performed, that except internal contract interactions of metamask (e.g. erc20 tokens transfer) calling operations are not supported. that's why alchemy and infura come into play. the idea i have is that metamask provider is for auth operations, and alchemy/infura for contract interactions. otherwise please provide me a representative example that may i run. as i said im delighted to learn every day :) thank you ricmoo for your knowledge. b regards.