require is not defined javascript

Question

****** EDIT *******

I do realize the mistake now, i was running my script in my terminal when i was testing my require.

****** OLD ****

The answer might all ready be here on the page, but i have not been able to find it, the general answers i see is that i cannot use "require" client sided.

The thing is the script i am trying to run works perfectly on my school laptop. But it doesnt want to run on my on Desktop at home.

I am trying to run a script where i want to require like this. "var fs = require('fs');"

But the console in my browser just gives me this error ( ReferenceError: require is not )

I am using Visual Studio Code, with Node.js.

I have a basic index.html file which uses 1 script.js file. Nothing else is being used for it.

A link for my files should you want to take a look ( https://drive.google.com/file/d/1VgEmwtcHkURFT1WmPOnEKr_OHLT_SY78/view?usp=sharing )

Quentin · Accepted Answer · 2021-08-22 13:02:04Z

3

I am using Visual Studio Code, with Node.js.

I have a basic index.html file which uses 1 script.js file.

So you have two sets of JS.

JS that runs in Node.js
JS that runs in the browser (delivered via index.html)

var fs = require('fs'); is very much in the former category. require is a built-in in Node.js. fs is a core library of Node.js.

You are trying to run it in the browser, where it isn't supported and does not work. You need to run it in Node.js.

i see is that i cannot use "require" client sided.

There are browser-side implementations of require and tools (like Webpack) which will bundle modules into a browser compatible file, but neither of those approaches will help you here because fs itself depends on Node.js.

edited Aug 22, 2021 at 13:02

answered Jan 5, 2018 at 13:39

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

JakeTheDane Over a year ago

Omg i am really stupid. And a bit tired indeed it seems. I get the mistake now, when i was testing solely the script i was running it in my terminal, instead of through the browser.

MstrQKN · Accepted Answer · 2018-01-05 13:41:04Z

1

require() is not standard JavaScript, it's built into NodeJS to load modules.

Try using Express or similar to run a simple web server and it should work. Right now it's not working from home because it's not being compiled by the Node engine.

answered Jan 5, 2018 at 13:41

MstrQKN

84210 silver badges28 bronze badges

1 Comment

JakeTheDane Over a year ago

yes the mistake just hit me in the face, when i was testing my require on the school laptop, i was doing it through my terminal

Ivo Facundo · Accepted Answer · 2018-01-05 13:42:27Z

1

require() it's not an internal function of javascript in the front-end, you're going to need to import some library that realizes this for you, as for example require.js or browserify. Otherwise fs is only supported in NodeJS you need to run in the server not in the browser.

answered Jan 5, 2018 at 13:42

Ivo Facundo

1251 silver badge9 bronze badges

Comments

jaxkewl · Accepted Answer · 2020-12-07 18:03:25Z

1

this helped me, check your package.json for type:"module" and remove it.

answered Dec 7, 2020 at 18:03

jaxkewl

2132 silver badges12 bronze badges

Collectives™ on Stack Overflow

require is not defined javascript

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related