when ever i run my project i keep see this error any help on how to stop it
HERE IS THE JAVASCRIPT FILE
// connect to Moralis server
const serverUrl = “https://i5mbqbfjsquh.usemoralis.com:2053/server”;
const appId = “dgbwi02OiPNgHBKDkn6mDq7Xg9f5fOl0uinnVcMg”;
Moralis.start({ serverUrl, appId });
const Connection = async () => {
await Moralis.authenticate().then(function (user) {
console.log(user.get('Connected'))
})
}
document.getElementById(“connect”).onclick = Connection;
HERE IS THE HTML FILE
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://unpkg.com/moralis/dist/moralis.js"></script>
<script src="App.js"></script>
<title>Document</title>
<button id="connect" > Connect Metamask</button>
can you move this line at the end of your html body?
tried it and it didn’t still work
you can look at this example: https://github.com/MoralisWeb3/demo-apps/tree/main/moralis-vanilla-boilerplate