Uncaught ReferenceError: $ is not defined whaen import

Question

there is bundle.js

window.$ = window.jQuery = require('jquery');
import './app.js';

and there is app.js

$('#button').on('click', function(e) {
    ...
});

so I get this:

Uncaught ReferenceError: $ is not defined

why imported script does not see jquery?

score 0 · Answer 1 · answered Oct 19 '17 at 07:01

0

you must load this script tag

< script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> < /script>

answered Oct 19 '17 at 07:01

Jerrin stephen

no, not must - I use webpack. If I move code from app.js into bundle.js - it's ok... what I forget to add in app.js? – Pavel Prokofiev Oct 19 '17 at 10:05

1 Answers1