"require" is not defined error- javascript

Question

I get this error in the browser when I run my .html file

Uncaught ReferenceError: require is not defined

My File_system.html is:

<!DOCTYPE html> 
<html> 
<head> 
<title>window.requestFileSystem problem</title>

<script type="text/javascript" src="server.js"></script>
<script>
function onInitFs(fs) {
console.log(fs);   
console.log(fs.getDirectory());
}

function errorHandler(e) {
var msg = '';
console.log(e);

switch (e.code) {
case FileError.QUOTA_EXCEEDED_ERR:
  msg = 'QUOTA_EXCEEDED_ERR';
  break;
case FileError.NOT_FOUND_ERR:
  msg = 'NOT_FOUND_ERR';
  break;
case FileError.SECURITY_ERR:
  msg = 'SECURITY_ERR';
  break;
case FileError.INVALID_MODIFICATION_ERR:
  msg = 'INVALID_MODIFICATION_ERR';
  break;
case FileError.INVALID_STATE_ERR:
  msg = 'INVALID_STATE_ERR';
  break;
default:
  msg = 'Unknown Error';
  break;
};

console.log('Error: ' + msg);
}
window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;
window.requestFileSystem(window.PERSISTENT, 1024*1024,onInitFs,errorHandler);

</script> 
</head> 
<body>
</body> 
</html>

And my server.js file is:

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('File_system.html');

http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});
res.end(index);
}).listen(8080);

What is wrong with this? Please help

I should be able to retrieve all the fs methods in the console and create a directory with tat. But I am stuck in this. Or is there any way to directly run in browser?

Please mark one of the answers as the correct answers. Thanks! — AlexGrafe
– AlexGrafe, Commented Jul 28, 2014 at 20:37

brandonscript · Accepted Answer · 2013-12-16 16:47:40Z

4

Edit: Rereading your original post, it's possible that you are in fact running this Node.js script in a Node environment, trying to use fs to load your .html file. If that's the case, you are calling your Node server.js script within your .html file like so:

<script type="text/javascript" src="server.js"></script>

Simply remove this line, and you should no longer receive the error you're seeing.

As previously stated, you're attempting to implement Node.js code in your client-side script. In theory this can be done, but isn't recommended, and Node.js simply isn't designed for this purpose (it's a server!)

You should be using XHR/ajax to make http requests from your client to a server (not fs), and then handle those things on the back end. This can be done easily with a conventional web stack like Apache and php, or if you really want to use fs, run an API off of Node.js and connect your client to it using XHR/ajax, or implement an MVC stack like Sails.js.

edited Dec 16, 2013 at 16:47

answered Dec 16, 2013 at 7:40

brandonscript

73.7k35 gold badges178 silver badges240 bronze badges

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

6 Comments

Archana Over a year ago

Ok I got what its all about. But with fs I want to create directory. So if I cannot get fs from server.js. How to use in .html to do things like..for eg: onInitFs(fs)

brandonscript Over a year ago

Not sure at all what you're asking? Sounds like an entirely new question to me ;)

Archana Over a year ago

Its easy....See...I am using server.js to create fs, so I want to use this fs to create a directory and store something and use that to create webpage(setting up a server to store/retrieve files). So if I dont get to access fs in my html, how do I use it. I am sure there is some method to do this.

brandonscript Over a year ago

You simply can't do that. You need to build a back-end API service to handle it.

Archana Over a year ago

Ok. Do you have any demo example out there? I am not finding a single piece of code to do that. I searched and still searching for it.

|

VitaliyG · Accepted Answer · 2013-12-16 07:02:52Z

3

You can't use your node.js script in browser. Only run it with node.js.

answered Dec 16, 2013 at 7:02

VitaliyG

1,8571 gold badge11 silver badges11 bronze badges

1 Comment

Mikeumus Over a year ago

Unless you use browserify or webpack (a note as reference*)

xdazz · Accepted Answer · 2013-12-16 07:04:03Z

2

server.js should run in the server side (which has nodejs be installed).

answered Dec 16, 2013 at 7:04

xdazz

161k38 gold badges255 silver badges278 bronze badges

2 Comments

Archana Over a year ago

Then how do I fetch fs and create directory and stuff in my html5?

Chris Tavares Over a year ago

You don't. File system access in the browser is for the most part disallowed for security reasons.

Collectives™ on Stack Overflow

"require" is not defined error- javascript

3 Answers 3

6 Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related