Lesson 8: JavaScript with Ethers Module not working #731

TradMod · 2022-07-04T13:57:57Z

TradMod
Jul 4, 2022

Hey Guys. Idk what's going on with my code. When I Import the ethers module, my JavaScript stops working. Without the module it was working perfectly, the wallet was getting connected and console logging was working as well but with the module, even the console logging is not working. Pls, Help. Thanks

HTML:

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Fund Me</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div>
        <h1>FundMe</h1>
    </div>
    <div>
        <button class="btn" id="connectButton">Connect</button>
    </div>


    <script src="script.js" type="module"></script>
</body>

</html>

JS:

import { ethers } from "./ethers-5.6.esm.min";

const connectButton = document.getElementById('connectButton');
connectButton.onclick = connect;

// console.log(ethers);


async function connect() {

    console.log("AOA");
    if (typeof window.ethereum !== 'undifined') {
        await window.ethereum.request({ method: "eth_requestAccounts" })
        document.getElementById("connectButton").innerHTML = "Connected"
    } else {
        document.getElementById("connectButton").innerHTML = "Get A Metamask Wallet"
    }

}

Err:

Answered by waleedcj

Jul 4, 2022

make sure its like this

import { ethers } from "./ethers-5.6.esm.min.js";

Also, make sure to ethers-5.6.esm.min.jsfrom @PatrickAlphaC repo

View full answer

krakxn · 2022-07-04T14:02:48Z

krakxn
Jul 4, 2022

Firstly, in your html file, do this:

<script src="./script.js" type="module"></script>

Is your ethers-5.6.esm.min.js file properly pasted? Try copying again. There could be an issue with that module.
Let me know if this helps your problem, goodluck with the course!

0 replies

waleedcj · 2022-07-04T14:03:10Z

waleedcj
Jul 4, 2022

make sure its like this

import { ethers } from "./ethers-5.6.esm.min.js";

Also, make sure to ethers-5.6.esm.min.jsfrom @PatrickAlphaC repo

2 replies

waleedcj Jul 4, 2022

Also try putting your

<script src="./index.js" type="module"></script>

right after you are declaring your body

TradMod Jul 4, 2022
Author

oh my bad bro.
import { ethers } from "./ethers-5.6.esm.min"; I didn't added .js after this.

Thanks Man

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lesson 8: JavaScript with Ethers Module not working #731

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Lesson 8: JavaScript with Ethers Module not working #731

Uh oh!

Uh oh!

TradMod Jul 4, 2022

Replies: 2 comments · 2 replies

Uh oh!

Uh oh!

krakxn Jul 4, 2022

Uh oh!

waleedcj Jul 4, 2022

Uh oh!

Uh oh!

waleedcj Jul 4, 2022

Uh oh!

TradMod Jul 4, 2022 Author

TradMod
Jul 4, 2022

Replies: 2 comments 2 replies

krakxn
Jul 4, 2022

waleedcj
Jul 4, 2022

TradMod Jul 4, 2022
Author