How do I define require while running code in browser?

Question

I've been getting this error:

main.js:1 Uncaught ReferenceError: require is not definedat main.js:1

and this one:

format.html:6 GET http://127.0.0.1:5500/common.js net::ERR_ABORTED 404 (Not Found)

I've downloaded Common JS and have included it in my HTML script.

HTML:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src = "main.js"></script>
    <script src="common.js"></script> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
</head>
<body>
    <textarea id = "textArea" rows = "50" cols = "80">
    </textarea>
    <button type = "button">Click me!</button>
</body>
</html>

Javascript:

    const http = require('http');
    const url = require('url');
    const fs = require('fs');
    var browserify = require('browserify');
    var b = browserify();
    b.add('./browser/main.js');
    b.bundle().pipe(process.stdout);

How can I fix this? Thanks!

look here, possible duplicate: https://stackoverflow.com/a/19059825/5427820 — Kidas
– Kidas, Commented Jan 26, 2021 at 18:57
Why is the title "Node JS Require is not defined" when the code is running in the browser, not Node.js? You can't take code that runs in a Node.js host environment and run it verbatim in a browser host environment. — Heretic Monkey
– Heretic Monkey, Commented Jan 26, 2021 at 19:05
CommonJS is a Node.js module, maybe you are refering to RequireJS? — Camilo
– Camilo, Commented Jan 26, 2021 at 19:59

Apple Pie · Accepted Answer · 2021-01-26 20:32:23Z

0

For any beginners like me who are trying to do this... just run JS and reference it from your HTML script. This(from my understanding) does not work! Node JS will not be compatible!

answered Jan 26, 2021 at 20:32

Apple Pie

91 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gustavo Shigueo · Accepted Answer · 2021-01-26 18:58:55Z

-1

Try putting the common.js call before the main.js in the HTML and if that doesn't solve it, try setting the defer attribute on both of them

answered Jan 26, 2021 at 18:58

Gustavo Shigueo

5125 silver badges14 bronze badges

2 Comments

Apple Pie Over a year ago

Ah sadly it didn't work. Not sure what to do now. I now realize that since I'm running this code in a browser, it's not the same. Any ideas on how to define require in my browser, since it's different from a Node.js host environment?

Gustavo Shigueo Over a year ago

Check your package.json and other node configuration files to see if any of them has "type": "module", if so, change it to "type": common" or delete the line

Collectives™ on Stack Overflow

How do I define require while running code in browser?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related