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 )

Answer 1

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.

1. JS that runs in Node.js
2. 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.