How to fix Uncaught ReferenceError: require is not defined

Question

I tried to fetch to get some data. I want to run in chrome browser.

When I try to fetch to reach out such data,I suffered error like

require is not defined

I found question below and I trying to usescript tag,

Client on node: Uncaught ReferenceError: require is not defined

But I couldn't find out what kind of file should be loaded.

If someone know scripttag solution, please let me know.

Thanks

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

var apikey="https://opentdb.com/api.php?amount=10";

fetch(apikey)
  .then(response => response.json())
  .then(json => {
    // console.log(json);
    console.log(json.results[0].question);
  });

score 2 · Accepted Answer · answered May 02 '20 at 06:42

2

You don´t need to import fetch, its part of JS.

var apikey="https://opentdb.com/api.php?amount=10";

fetch(apikey)
  .then(response => response.json())
  .then(json => {
    // console.log(json);
    console.log(json.results[0].question);
  });

answered May 02 '20 at 06:42

Hans Felix Ramos

4,264
3
16
40

When I try to remove `require` I caught `fetch is not defined`. is it depend on environment? – Heisenberg May 02 '20 at 06:46
If you want to run in browser its ok, see the ref : https://developer.mozilla.org/es/docs/Web/API/Fetch_API – Hans Felix Ramos May 02 '20 at 06:51

score 0 · Answer 2 · answered May 02 '20 at 06:43

0

Require is basically not defined,and it is a part of async function, give a read on this and make sure it is compatible with your version.

answered May 02 '20 at 06:43

Arun Kumar

355
3
10

score 0 · Answer 3 · answered May 02 '20 at 06:44

0

fetch is supported by default at client side. You don’t need to require it and also require doesn’t work at client side without browserified js. You can remove the require statement.

answered May 02 '20 at 06:44

Lakshya Thakur

8,030
1
12
39

score 0 · Answer 4 · answered May 02 '20 at 06:56

Note that JavaScript runs in multiple environments. There are different module systems for each environment. Commonjs is the module system with require and module.exports, this is used in the node.js runtime. In the browser you won’t see support for commonjs. Instead you’ll see a few different approaches to loading code.

Read more about all of the different module systems in the JS ecosystem here https://tylermcginnis.com/javascript-modules-iifes-commonjs-esmodules/.

How to fix Uncaught ReferenceError: require is not defined

4 Answers4