-
|
After importing the ethers file in lesson 8, the connect button stopped working. Metamask doesn't even open up. here is my index.html: <!DOCTYPE html>
<html>
<head>
<title>Fund Me App</title>
</head>
<body>
<button id="connectButton">Connect</button>
<button id="balanceButton">getBalance</button>
<button id="withdrawButton">Withdraw</button>
<!-- <form> -->
<label for="ethAmount">ETH Amount</label>
<input id="ethAmount" placeholder="0.1" />
<button type="button" id="fundButton" > Fund </button>
<!-- </form> -->
</body>
<script src="./index.js" type="module"></script>
</html>my index.js import { ethers } from "./ethers-5.6.esm.min.js"
import {abi, contractAddress} from "./constants.js"
const connectButton = document.getElementById("connectButton")
const withdrawButton = document.getElementById("withdrawButton")
const fundButton = document.getElementById("fundButton")
const balanceButton = document.getElementById("balanceButton")
connectButton.onclick = connect
fundButton.onclick = fund
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"
}
}
here is my console log:
The unexpected string in constants.js is the word "bytecode" ...
{
"stateMutability": "payable",
"type": "receive"
}
],
"bytecode":
...I am looking forward to getting some help. |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 9 replies
-
|
@clisterX : Can you send me your repo link! |
Beta Was this translation helpful? Give feedback.
-
|
haven't created one yet. |
Beta Was this translation helpful? Give feedback.
-
|
@clisterX : By looking at your screenshots, I'm not seeing any mistake! |
Beta Was this translation helpful? Give feedback.
-
|
yeah same, I tried fixing this for an hour. Could it be a problem with the browser? I deleted the cache and so on. |
Beta Was this translation helpful? Give feedback.
-
|
@clisterX : If you can make a repo, I will look into it! |
Beta Was this translation helpful? Give feedback.
-
|
A repo of the front end? I can make one. edit: I created the Repo |
Beta Was this translation helpful? Give feedback.
-
|
Is this resolved? |
Beta Was this translation helpful? Give feedback.
-
|
not yet. |
Beta Was this translation helpful? Give feedback.
-
|
Use my export const contractAddress = "0xe7f1725E7734CE288F8367e1Bb143E90bb3F0512" // Address for contract in index.js
export const abi = [ // ABI for contract in index.js - derived from Artifacts/FundMe
{
inputs: [
{
internalType: "address",
name: "priceFeed",
type: "address",
},
],
stateMutability: "nonpayable",
type: "constructor",
},
{
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: "fundingAddress",
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: "getVersion",
outputs: [
{
internalType: "uint256",
name: "",
type: "uint256",
},
],
stateMutability: "view",
type: "function",
},
{
inputs: [],
name: "withdraw",
outputs: [],
stateMutability: "payable",
type: "function",
},
]If it still persists, let me know; I will look into the logic. |
Beta Was this translation helpful? Give feedback.
-
|
thank you, it looks like it is working. |
Beta Was this translation helpful? Give feedback.
-
|
Good luck! |
Beta Was this translation helpful? Give feedback.
-
|
I just created a Repo for the front-end Code. Here is a link to it: https://github.com/clisterX/fundMe-frontend |
Beta Was this translation helpful? Give feedback.
Is this resolved?