ethers.js 合同 object 出现错误：未捕获类型错误：无法读取未定义的属性（读取“地图”）
[英]ethers.js Contract object gets error: Uncaught TypeError: Cannot read properties of undefined (reading 'map')
问题描述
I hope someone can enlighten me.
希望有人能赐教。 I have a website with a button which should create a new Contract object of my token contract via the ethers.js library.我有一个带有按钮的网站，该按钮应该通过 ethers.js 库创建我的令牌合约的新合约 object。 I successfully connected my metamask with the website but when I click the button there is an error message like this:我已成功将我的元掩码与网站连接起来，但是当我单击按钮时，会出现如下错误消息：
ethers-5.2.umd.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'map')
at new Interface (ethers-5.2.umd.min.js:1:199125)
at BaseContract.getInterface (ethers-5.2.umd.min.js:1:321623)
at Contract.BaseContract (ethers-5.2.umd.min.js:1:317578)
at new Contract (ethers-5.2.umd.min.js:1:329138)
at buyTicket ((index):707:25)
at HTMLButtonElement.onclick ((index):274:91)
This is my button code这是我的按钮代码
<button class="btn btn-primary" type="button" id="buyTicket" onclick="buyTicket()">
Buy Ticket
</button>
And this is my JavaScript section at the bottom of my html.file这是我的 html.file 底部的 JavaScript 部分
<script src='https://cdn.jsdelivr.net/npm/bignumber.js@9.0.2/bignumber.min.js'></script>
<!--<script src='https://cdnjs.cloudflare.com/ajax/libs/web3/1.7.3/web3.min.js'></script>-->
<script src="https://cdn.ethers.io/lib/ethers-5.2.umd.min.js"
type="application/javascript">
</script>
<script>
const provider = new ethers.providers.Web3Provider(window.ethereum)
provider.send("eth_requestAccounts", []);
const signer = provider.getSigner()
//let tokenContractAddress = "0xf209CE1960Fb7E750ff30Ba7794ea11C6Acdc1f3";
let tokenContractAddress = "0xb37f4a11045FB48A89fb4930C72481fce9942E07";
let lotteryContractAddress = "0x3E03D4595b164F5C2098a5D154d7f2Bf516ba102";
// Use BigNumber
let decimals = BigInt(18);
let amount = BigInt(5);
const tokenABI = [
{
"inputs": [],
"stateMutability": "nonpayable",
"type": "constructor"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "address",
"name": "owner",
"type": "address"
},
{
"indexed": true,
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"indexed": false,
"internalType": "uint256",
"name": "value",
"type": "uint256"
}
],
"name": "Approval",
"type": "event"
},
{
"anonymous": false,
"inputs": [
{
"indexed": true,
"internalType": "address",
"name": "from",
"type": "address"
},
{
"indexed": true,
"internalType": "address",
"name": "to",
"type": "address"
},
{
"indexed": false,
"internalType": "uint256",
"name": "value",
"type": "uint256"
}
],
"name": "Transfer",
"type": "event"
},
{
"inputs": [
{
"internalType": "address",
"name": "owner",
"type": "address"
},
{
"internalType": "address",
"name": "spender",
"type": "address"
}
],
"name": "allowance",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "approve",
"outputs": [
{
"internalType": "bool",
"name": "",
"type": "bool"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "account",
"type": "address"
}
],
"name": "balanceOf",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "decimals",
"outputs": [
{
"internalType": "uint8",
"name": "",
"type": "uint8"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"internalType": "uint256",
"name": "subtractedValue",
"type": "uint256"
}
],
"name": "decreaseAllowance",
"outputs": [
{
"internalType": "bool",
"name": "",
"type": "bool"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"internalType": "uint256",
"name": "addedValue",
"type": "uint256"
}
],
"name": "increaseAllowance",
"outputs": [
{
"internalType": "bool",
"name": "",
"type": "bool"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"name": "name",
"outputs": [
{
"internalType": "string",
"name": "",
"type": "string"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "symbol",
"outputs": [
{
"internalType": "string",
"name": "",
"type": "string"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "totalSupply",
"outputs": [
{
"internalType": "uint256",
"name": "",
"type": "uint256"
}
],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "recipient",
"type": "address"
},
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "transfer",
"outputs": [
{
"internalType": "bool",
"name": "",
"type": "bool"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "address",
"name": "sender",
"type": "address"
},
{
"internalType": "address",
"name": "recipient",
"type": "address"
},
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "transferFrom",
"outputs": [
{
"internalType": "bool",
"name": "",
"type": "bool"
}
],
"stateMutability": "nonpayable",
"type": "function"
}
];
function buyTicket(lotteryContractAddress, tokenContractAddress, amount, tokenABI, provider) {
const tokenInstance = new ethers.Contract(tokenContractAddress, tokenABI, provider);
}
</script>
After that I want to interact with that Contract instance, but I am not able to create it and don't know what I am missing here.之后我想与那个 Contract 实例进行交互，但我无法创建它并且不知道我在这里缺少什么。
1 个解决方案
解决方案1
1 2022-04-29 15:16:32
I finally did it.我终于做到了。 I simply had to put the whole thing into the function section so that the variables were created after pushing the button.我只需要将整个内容放入 function 部分，以便在按下按钮后创建变量。 So this is the working code, i hope that helps someone fixing the same error faster than me:-)所以这是工作代码，我希望能帮助比我更快地修复相同错误的人:-)
<script src='https://cdn.jsdelivr.net/npm/bignumber.js@9.0.2/bignumber.min.js'></script>
<!--<script src='https://cdnjs.cloudflare.com/ajax/libs/web3/1.7.3/web3.min.js'></script>-->
<script src="https://cdn.ethers.io/lib/ethers-5.2.umd.min.js"
type="application/javascript">
</script>
<script>
function buyTicket() {
const provider = new ethers.providers.Web3Provider(window.ethereum)
provider.send("eth_requestAccounts", []);
const signer = provider.getSigner()
//let tokenContractAddress = "0xf209CE1960Fb7E750ff30Ba7794ea11C6Acdc1f3";
let tokenContractAddress = "0xb37f4a11045FB48A89fb4930C72481fce9942E07";
let lotteryContractAddress = "0x3E03D4595b164F5C2098a5D154d7f2Bf516ba102";
// Use BigNumber
let decimals = BigInt(18);
let amount = BigInt(5);
const tokenABI = [{
"inputs": [],
"stateMutability": "nonpayable",
"type": "constructor"
},
{
"anonymous": false,
"inputs": [{
"indexed": true,
"internalType": "address",
"name": "owner",
"type": "address"
},
{
"indexed": true,
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"indexed": false,
"internalType": "uint256",
"name": "value",
"type": "uint256"
}
],
"name": "Approval",
"type": "event"
},
{
"anonymous": false,
"inputs": [{
"indexed": true,
"internalType": "address",
"name": "from",
"type": "address"
},
{
"indexed": true,
"internalType": "address",
"name": "to",
"type": "address"
},
{
"indexed": false,
"internalType": "uint256",
"name": "value",
"type": "uint256"
}
],
"name": "Transfer",
"type": "event"
},
{
"inputs": [{
"internalType": "address",
"name": "owner",
"type": "address"
},
{
"internalType": "address",
"name": "spender",
"type": "address"
}
],
"name": "allowance",
"outputs": [{
"internalType": "uint256",
"name": "",
"type": "uint256"
}],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [{
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "approve",
"outputs": [{
"internalType": "bool",
"name": "",
"type": "bool"
}],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [{
"internalType": "address",
"name": "account",
"type": "address"
}],
"name": "balanceOf",
"outputs": [{
"internalType": "uint256",
"name": "",
"type": "uint256"
}],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "decimals",
"outputs": [{
"internalType": "uint8",
"name": "",
"type": "uint8"
}],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [{
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"internalType": "uint256",
"name": "subtractedValue",
"type": "uint256"
}
],
"name": "decreaseAllowance",
"outputs": [{
"internalType": "bool",
"name": "",
"type": "bool"
}],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [{
"internalType": "address",
"name": "spender",
"type": "address"
},
{
"internalType": "uint256",
"name": "addedValue",
"type": "uint256"
}
],
"name": "increaseAllowance",
"outputs": [{
"internalType": "bool",
"name": "",
"type": "bool"
}],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"name": "name",
"outputs": [{
"internalType": "string",
"name": "",
"type": "string"
}],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "symbol",
"outputs": [{
"internalType": "string",
"name": "",
"type": "string"
}],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [],
"name": "totalSupply",
"outputs": [{
"internalType": "uint256",
"name": "",
"type": "uint256"
}],
"stateMutability": "view",
"type": "function"
},
{
"inputs": [{
"internalType": "address",
"name": "recipient",
"type": "address"
},
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "transfer",
"outputs": [{
"internalType": "bool",
"name": "",
"type": "bool"
}],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [{
"internalType": "address",
"name": "sender",
"type": "address"
},
{
"internalType": "address",
"name": "recipient",
"type": "address"
},
{
"internalType": "uint256",
"name": "amount",
"type": "uint256"
}
],
"name": "transferFrom",
"outputs": [{
"internalType": "bool",
"name": "",
"type": "bool"
}],
"stateMutability": "nonpayable",
"type": "function"
}
];
const tokenInstance = new ethers.Contract(tokenContractAddress, tokenABI, provider);
//Do something with this instance here
}
</script>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
错误：未捕获的类型错误：无法读取未定义的属性（读取“地图”） - Error: Uncaught TypeError: Cannot read properties of undefined (reading 'map')
未捕获的类型错误：无法读取未定义的属性（读取“地图”） - Uncaught TypeError: Cannot read properties of undefined (reading 'map')
未捕获的类型错误：无法读取未定义的属性（读取“地图”）反应 - Uncaught TypeError: Cannot read properties of undefined (reading 'map') React
react-refresh-runtime.development.js:315 Uncaught TypeError: Cannot read properties of undefined (reading 'map') - react-refresh-runtime.development.js:315 Uncaught TypeError: Cannot read properties of undefined (reading 'map')
未捕获的类型错误：无法读取未定义的属性（读取“公司名称”）JS 对象 - Uncaught TypeError: Cannot read properties of undefined (reading 'companyName') JS Objects
Mocha js Uncaught TypeError：无法读取未定义的属性（读取“应该”） - Mocha js Uncaught TypeError: Cannot read properties of undefined (reading 'should')
不断出现错误 - Uncaught TypeError: Cannot read properties of undefined (reading 'map') - Getting constant error of - Uncaught TypeError: Cannot read properties of undefined (reading 'map')
无法显示数组项和标志错误：未捕获的类型错误：无法读取未定义的属性（读取“地图”） - failed to display array items and flags error: Uncaught TypeError: Cannot read properties of undefined (reading 'map')
请解决此错误 - 未捕获的类型错误：无法读取未定义的属性（读取“地图”） - Please solve this error - Uncaught TypeError: Cannot read properties of undefined (reading 'map')
未捕获的类型错误：无法读取未定义的属性（读取“”） - Uncaught TypeError: Cannot read properties of undefined (reading '')
相关标签