OnChange function not defined when I reference my script as a module?

Asked Dec 17 '19 at 07:30

Active Dec 17 '19 at 07:32

Viewed 68 times

I have a piece of code that implements Cropper.js for interactive cropping of an image. Unfortunately, chrome gives the error

Uncaught ReferenceError: onFileSelected is not defined at HTMLInputElement.onchange ((index):35),"

despite the fact that these functions are clearly defined, when I reference my scripts.js file as

<script type="module" src="js/scripts.js"></script>

instead of

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

Am I missing something here? Can a script that as loaded as a module not be used for these onchange events? Any help would be appreciated

edited Dec 17 '19 at 07:32

zmag

asked Dec 17 '19 at 07:30

rudiejd

Top-level variables in modules aren't global. Either explicitly assign them to `window`, or (preferably) pass them around instead, to avoid global pollution – CertainPerformance Dec 17 '19 at 07:34
Read: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules – sibasishm Dec 17 '19 at 07:34

0 Answers0