Javascript require() function giving ReferenceError: require is not defined

JavascriptDependency ManagementNode Modules

Javascript Problem Overview


Basically, I am using javascript to scrape data from Google Play store using:

1-Request

2-Cheerios

3-QueryString

I used Google Market API from Github which uses require as following:

var request   = require('request');
var cheerio   = require('cheerio');
var qs      = require('querystring');

But I am getting the following

ReferenceError: require is not defined ...

So, I don't have require in javascript which is either new for me or this is something out of the ordinary.

Javascript Solutions


Solution 1 - Javascript

> RequireJS is a JavaScript file and module loader. It is optimized for > in-browser use, but it can be used in other JavaScript environments, > like Rhino and Node. Using a modular script loader like RequireJS will > improve the speed and quality of your code. > > IE 6+ .......... compatible ✔ > Firefox 2+ ..... compatible ✔ > Safari 3.2+ .... compatible ✔ > Chrome 3+ ...... compatible ✔ > Opera 10+ ...... compatible ✔

http://requirejs.org/docs/download.html

Add this to your project: https://requirejs.org/docs/release/2.3.5/minified/require.js

and take a look at this http://requirejs.org/docs/api.html

Solution 2 - Javascript

By default require() is not a valid function in client side javascript. I recommend you look into require.js as this does extend the client side to provide you with that function.

Solution 3 - Javascript

Yes, require is a Node.JS function and doesn't work in client side scripting without certain requirements. If you're getting this error while writing electronJS code, try the following:

In your BrowserWindow declaration, add the following webPreferences field: i.e, instead of plain mainWindow = new BrowserWindow(), write

mainWindow = new BrowserWindow({
        webPreferences: {
            nodeIntegration: true
        }
    });

Solution 4 - Javascript

Require (https://requirejs.org/) is an AMD API . I had a similar issue while implementing monaco-editor in my application. This script tag helped me:

<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>

Solution 5 - Javascript

For me the issue was I did not have my webpack build mode set to production for the package I was referencing in. Explicitly setting it to "build": "webpack --mode production" fixed the issue.

Solution 6 - Javascript

Browsers don't have the require method defined, but Node.js does. With Browserify you can write code that uses require in the same way that you would use it in Node.

Use the following command to install browserify

npm install -g browserify

Now recursively bundle up all the required modules like main.js into a single file called bundle.js with the browserify command:

browserify main.js -o bundle.js

Drop a single

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionHunain UsmanView Question on Stackoverflow
Solution 1 - JavascriptLatheesanView Answer on Stackoverflow
Solution 2 - JavascriptneelsgView Answer on Stackoverflow
Solution 3 - JavascriptGaurav JoshiView Answer on Stackoverflow
Solution 4 - JavascriptAdhvaith PrasadView Answer on Stackoverflow
Solution 5 - Javascriptuser1278577View Answer on Stackoverflow
Solution 6 - JavascriptYOGESH CHANDRAKANTHView Answer on Stackoverflow