Uncaught ReferenceError: $ is not defined error while accessing via Node module

Question

I am working on Laravel application and trying to access jQuery via nodemodules

Here is my app.js file:

var $ = require('../../../node_modules/jquery/dist/jquery')
//require('../../../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min')
require('./site')

The resulting file it generates is given here

what module loader are you using and you used npm to install jquery? Have you tried var $ = require('jquery')? — Craicerjack
– Craicerjack, Commented Aug 12, 2016 at 11:16
@Craicerjack I had to pass entire path as I am using it in Laravel. Ye I installed via npm. I am using browsify to use require in my file — Volatil3
– Volatil3, Commented Aug 12, 2016 at 11:52
Have you used elixir for interaction with these files - laravel.com/docs/5.2/elixir#browserify - seems Laravel has its own API for helping to deal with this stuff. — Craicerjack
– Craicerjack, Commented Aug 12, 2016 at 12:41
This task assumes that your scripts are stored in resources/assets/js and will place the resulting file in public/js/main.js. You may pass a custom output location as an optional second argument: I think then, having elixir configured you should be able to just require('jquery') without the absolute file path — Craicerjack
– Craicerjack, Commented Aug 12, 2016 at 14:54

Ricardo Stuven · Accepted Answer · 2017-01-08 19:29:08Z

1

Define $ globally, like this:

window.$ = window.jQuery = require('jquery');

edited Jan 8, 2017 at 19:29

Ricardo Stuven

4,8343 gold badges36 silver badges36 bronze badges

answered Jan 8, 2017 at 19:10

James Norman

5155 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Uncaught ReferenceError: $ is not defined error while accessing via Node module

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related