(CLOSED) TypeError: fetch is not a function, What did I do wrong?

Question

I'm trying to use node-fetch in order to fetch this website that has this JSON file where I can use it for my discord bot.

Code (JS):

const fetch = import("node-fetch")

// some code until

data = ""
        try {
            data = await fetch(`http://meme-api.herokuapp.com/gimme/${subreddit.toLowerCase()})}`).then(res => res.json)
            errored = false
        } catch (error) {
            throw error;
        }

It errors saying:

TypeError: fetch is not a function

How do I fix this?

FYI, Using require() resulted in an error as such:

const fetch = require("node-fetch")
              ^

Error [ERR_REQUIRE_ESM]: require() of ES Module F:\Users\Basil Atif\Folders\VsauceBot\node_modules\node-fetch\src\index.js from F:\Users\Basil Atif\Folders\VsauceBot\src\Commands\reddit.js not supported.
Instead change the require of index.js in F:\Users\Basil Atif\Folders\VsauceBot\src\Commands\reddit.js to a dynamic import() which is available in all CommonJS modules.    
  code: 'ERR_REQUIRE_ESM'
}

You're mixing up import and require. Dynamic import is _asynchronous_, so what you've named `fetch` is a promise object. — jonrsharpe, Sep 27 '21 at 19:30
@jonrsharpe Well, I tried to use require() and it ended up erroring, in the error it said to use a dynamic import. What do I do? — Baselistic, Sep 27 '21 at 19:32
Your context and original error aren't clear. If you're using dynamic import, fetch is what the promise _resolves_ to. — jonrsharpe, Sep 27 '21 at 19:33
@Baselistic See the documentation for the correct use: https://www.npmjs.com/package/node-fetch#common-usage — Barmar, Sep 27 '21 at 19:34
FYI it looks like your personal info is included in the file path in the error stack trace at the bottom. — zacran, Sep 27 '21 at 19:37

score 5 · Answer 1 · edited Sep 27 '21 at 21:19

5

Try using this style of import:

import fetch from 'node-fetch';

edited Sep 27 '21 at 21:19

jonrsharpe

115,751
26
228
437

answered Sep 27 '21 at 19:33

orsisi

169
5

1

It errors saying I cannot use import outside of a module. – Baselistic Sep 27 '21 at 19:37
Try adding “type”:“module” to your package.json – orsisi Sep 27 '21 at 19:40
3

Causes a lot of chaos, Everything that used require() now needs import (a lot), a new error popped up saying that .json is not a valid file extension, Sorry for being stupid. – Baselistic Sep 27 '21 at 19:47
Can you share your package.json please? – orsisi Sep 27 '21 at 23:52
Instead of editing the package.json you can add type="module" to the javascript file, that you would like to use, like this: `````` – orsisi Sep 28 '21 at 00:00
@Baselistic, have you found any solution? – orsisi Sep 30 '21 at 04:11
I used Axios instead. Thanks for trying to help though! – Baselistic Oct 02 '21 at 22:49
I got an error stating `SyntaxError: Cannot use import statement inside the Node.js REPL, alternatively use dynamic import`. So `node-fetch` is no longer available in the interactive shell? – TJM May 20 '22 at 04:05

score 0 · Answer 2 · edited Nov 18 '22 at 14:40

Error:

let get=document.getElementById("get");
let **fetch**=document.getElementById("fetch"); //this var create problem
let content=document.getElementById("content");


function getData(){

    
    let url= "https://api.github.com/users/github";
    fetch(url).then(
        (res)=>{
        return res.text();
    }).then((data)=>{
    content.innerHTML = data;
    });

}
getData()

output: Error

Solution:

let get=document.getElementById("get");
let **fet**=document.getElementById("fetch");// change the name of the variable
let content=document.getElementById("content");


function getData(){

    
    let url= "https://api.github.com/users/github";
    fetch(url).then(
        (res)=>{
        return res.text();
    }).then((data)=>{
    content.innerHTML = data;
    });

}
getData()

output: now the data is fetched

change the name of the variable fetch – Engr Sana Ullah Nov 15 '22 at 08:43 — Engr Sana Ullah, Nov 15 '22 at 08:43

(CLOSED) TypeError: fetch is not a function, What did I do wrong?

2 Answers2