[SDK] import * as GREETER_CONTRACT_ABI from "./abi.json"; // TODO: Complete and import the ABI

[KK-yao]

Environment

Testnet

Acknowledgement

• I understand that issues are expected with the Go SDK as they are being updated.

Issue Description

import * as GREETER_CONTRACT_ABI from "./abi.json"; // TODO: Complete and import the ABI

const initializeProviderAndSigner = async () => {
provider = new Provider("https://sepolia.era.zksync.dev");
// Note that we still need to get the Metamask signer
signer = await new BrowserProvider(window.ethereum).getSigner();
contract = new Contract(GREETER_CONTRACT_ADDRESS, GREETER_CONTRACT_ABI, signer);
};
new Contract() reported an error：
TypeError: abi is not iterable zksync-ethers.js?v=ac7c7726:13786
I think there is a problem reading ./abi.json。
I changed it to the following code and it passed:

const initializeProviderAndSigner = async () => {
provider = new Provider("https://sepolia.era.zksync.dev");
// Note that we still need to get the Metamask signer
signer = await new BrowserProvider(window.ethereum).getSigner();

const erc_abi = [
"function greet() view returns(string)"
];

contract = new Contract(GREETER_CONTRACT_ADDRESS, erc_abi, signer);
};

Expected Behavior

none

Code Example

none

Repo Link (Optional)

No response

[therntibmaph]

It appears that there was an issue with importing the ABI from the JSON file. Ensure that the ABI is properly formatted and exported in the JSON file. Alternatively, define the ABI directly in the code as shown in the provided workaround.

[uF4No]

The abi.json file from the frontend quickstart tutorial is not the full artifact generated by the compiler, but only the abi part of it. That's why it worked when you created the erc_abi variable. You can either do that or, if you copy/past the full artifact, reference it using GREETER_CONTRACT_ABI.abi later on.