Resolve "Uncaught ReferenceError: require is not defined" error in Node.js

Question

I am trying to set up a basic contact form using SengGrid and I keep getting a "Uncaught ReferenceError: require is not defined" error.

I have this code in a script tag in the head of the html page.

    var sendgrid = require('sendgrid')(username,pass);

I have looked at requirejs, but I am not sure why I am getting this error. Could someone explain to me how I can resolve this issue?

Are you really using node.js? This code is supposed to be added in your JavaScript server's code, not in the HTML page. — Guilherme Sehn
– Guilherme Sehn, Commented Apr 26, 2015 at 5:10
Node.js is not in the browser. If you want to use requirejs in the browser you will need to use a script tag to load it in. — Logan Tegman
– Logan Tegman, Commented Apr 26, 2015 at 5:20

jfriend00 · Accepted Answer · 2015-04-26 05:43:47Z

10

require() is not built into the browser.

So when you say that "I have this code in a script tag in the head of the html page." that would explain why the symbol require is not defined when the script runs. If you want to use require() in the browser, then you need to first use a script tag to load a library that defines the require function and supports the require() type functionality and make sure that is successfully loaded before you try to use require(). requirejs is one such library that you could use.

require() is built into node.js on the server so it is always available there.

answered Apr 26, 2015 at 5:43

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

2 Comments

cfl Over a year ago

what do I need to do to have require() in angularjs?

jfriend00 Over a year ago

@cfl - please re-read the middle paragraph of my answer. I tell you right there what you can use if you want require() like functionality in a browser. Here's an article about it: sitepoint.com/using-requirejs-angularjs-applications

vizmi · Accepted Answer · 2015-11-22 05:02:02Z

4

Basically you need to transform your source code for the browser, replacing require calls with the actual module code. Take a look at these utilities:

http://browserify.org/ - it does exactly the transformation you need
https://webpack.github.io/ - a more complicated web packaging framework, with lots of other useful features.

answered Nov 22, 2015 at 5:02

vizmi

2,0821 gold badge20 silver badges15 bronze badges

Collectives™ on Stack Overflow

Resolve "Uncaught ReferenceError: require is not defined" error in Node.js

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related