The downloaded code from github does not work. When I press the submit button nothing happens, cannot figure out why. this is the main.js. The error that I got in console is the following : Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘lazyMint’)
at HTMLButtonElement.submit (main.js:47).
////////////////////////////////////////////////////////////////////////////////////////////
/** Connect to Moralis server */
const serverUrl = “https://x1tg2q1nv1tm.usemoralis.com:2053/server”;
const appId = “jDL1R4vNL7kaj0WORerdQtKs0wwJWVPHK5KvJ7v0”;
Moralis.start({ serverUrl, appId });
let user = Moralis.User.current();
/** Add from here down */
async function login() {
if (!user) {
try {
user = await Moralis.authenticate({ signingMessage: "Hello World!" });
initApp();
} catch (error) {
console.log(error);
}
} else {
Moralis.enableWeb3();
initApp();
}
}
function initApp() {
document.querySelector("#app").style.display = “block”;
document.querySelector("#submit_button").onclick = submit;
}
async function submit() {
const input = document.querySelector("#input_image");
let data = input.files[0];
const imageFile = new Moralis.File(data.name, data);
await imageFile.saveIPFS();
let imageHash = imageFile.hash();
let metadata = {
name: document.querySelector("#input_name").value,
description: document.querySelector("#input_description").value,
image: "/ipfs/" + imageHash,
};
console.log(metadata);
const jsonFile = new Moralis.File(“metadata.json”, {
base64: btoa(JSON.stringify(metadata)),
});
await jsonFile.saveIPFS();
let metadataHash = jsonFile.hash();
console.log(jsonFile.ipfs());
let res = await Moralis.Plugins.rarible.lazyMint({
chain: "rinkeby",
userAddress: user.get("ethAddress"),
tokenType: "ERC721",
tokenUri: "ipfs://" + metadataHash,
royaltiesAmount: 5, // 0.05% royalty. Optional
});
console.log(res);
document.querySelector(
"#success_message"
).innerHTML = NFT minted. <a href="https://rinkeby.rarible.com/token/${res.data.result.tokenAddress}:${res.data.result.tokenId}">View NFT
;
document.querySelector("#success_message").style.display = “block”;
setTimeout(() => {
document.querySelector("#success_message").style.display = "none";
}, 5000);
}
login();