Lesson 8: GET http://127.0.0.1:5500/ethers-5.6.esm.min 404 (Not Found) #4876

umairahmed88 · 2023-02-20T01:50:46Z

umairahmed88
Feb 20, 2023

This is my code

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

const connectButton = document.getElementById("connectButton");
const fundButton = document.getElementById("fund");
connectButton.onclick = connect;
fundButton.onclick = fund;

console.log(ethers);
async function connect() {
if (typeof window.ethereum !== "undefined") {
await window.ethereum.request({ method: "eth_requestAccounts" });
connectButton.innerHTML = "Connected! 👍";
} else {
connectButton.innerHTML = "Please install metamask!";
}
}

async function fund(ethAmount) {
console.log(Funding with ${ethAmount}...);
if (typeof window.ethereum !== "undefined") {
const provider = new ethers.providers.Web3Provider(window.ethereum);
const signer = provider.getSigner();
}
}

I got this error

Answered by alymurtazamemon

Feb 20, 2023

@umairahmed88 I think you forgot the extension at the end import { ethers } from "./ethers-5.6.esm.min.js"

View full answer

alymurtazamemon · 2023-02-20T03:28:00Z

alymurtazamemon
Feb 20, 2023

@umairahmed88 I think you forgot the extension at the end import { ethers } from "./ethers-5.6.esm.min.js"

3 replies

umairahmed88 Feb 20, 2023
Author

thank you!
solved

nugen0x Apr 26, 2023

I've done the same thing but still getting this error:

GET http://127.0.0.1:49528/ethers-5.6.esm.min.js/ net::ERR_ABORTED 500 (Internal Server Error)

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Fund Me App</title>
  </head>
  <body>
    SUP

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

    <button id="connectButton">Connect</button>

    <button id="fundButton">Fund</button>

  </body>
</html>

javascript

//  imports

import { ethers } from "./ethers-5.6.esm.min.js/"
console.log(ethers)

//  buttons
const connectButton = document.getElementById("connectButton")
const fundButton = document.getElementById("fundButton")

//  eventlisteners
connectButton.addEventListener("click", connect)
fundButton.addEventListener("click", fund)

//  functions
async function connect() {
  if (typeof window.ethereum !== "undefined") {
    console.log("Connecting...")
    await window.ethereum.request({ method: "eth_requestAccounts" })
    document.getElementById("connectButton").innerHTML = "Connected!"
    console.log("Connected!")
  } else {
    document.getElementById("connectButton").innerHTML =
      "Please install Metamask!"
  }
}

async function fund(ethAmount) {
  console.log(`Funding ${ethAmount}...`)
  if (typeof window.ethereum !== "undefined") {
  }
}

nugen0x Apr 26, 2023

Ok, I've changed the file name from ethers-5.6.esm.min.js to ethers.js

and then

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

Worked.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lesson 8: GET http://127.0.0.1:5500/ethers-5.6.esm.min 404 (Not Found) #4876

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Lesson 8: GET http://127.0.0.1:5500/ethers-5.6.esm.min 404 (Not Found) #4876

Uh oh!

Uh oh!

umairahmed88 Feb 20, 2023

Replies: 1 comment · 3 replies

Uh oh!

alymurtazamemon Feb 20, 2023

Uh oh!

umairahmed88 Feb 20, 2023 Author

Uh oh!

nugen0x Apr 26, 2023

HTML

javascript

Uh oh!

Uh oh!

nugen0x Apr 26, 2023

umairahmed88
Feb 20, 2023

Replies: 1 comment 3 replies

alymurtazamemon
Feb 20, 2023

umairahmed88 Feb 20, 2023
Author