JavaScript: Unable to access module's variable from chrome's console

Asked Feb 26 '21 at 04:01

Active Feb 26 '21 at 04:01

Viewed 14 times

I am trying to access some variables (of script.js) on chrome's console. I'm able to do so only until I turn my script.js into a module (type="module") in index.html. If i try to access any variable when i have type=module on my script tag, i get the following error:

Uncaught ReferenceError: variable_name is not defined at <anonymous>:1:1

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

asked Feb 26 '21 at 04:01

Yogesh Bhatt

1

https://stackoverflow.com/a/59539045 A module is like an IIFE; nothing defined inside the module is visible globally unless you explicitly do something like `window.someVar = 'foo'`, so the console can't see it – CertainPerformance Feb 26 '21 at 04:02
is there a workaround for this? – Yogesh Bhatt Feb 26 '21 at 04:03
1

See my comment - *unless you explicitly do something like `window.someVar = 'foo'`* – CertainPerformance Feb 26 '21 at 04:04
unfortunately, i just removed type=module, and bundled everything using webpack, but still getting the error – Yogesh Bhatt Feb 26 '21 at 04:27
1

Webpack also runs all of its bundled code inside an IIFE https://stackoverflow.com/a/65691996 nearly the same way ES6 modules work. – CertainPerformance Feb 26 '21 at 04:36
thanks my dumb brain couldn't think that variables might be scoped within the webpack's output file – Yogesh Bhatt Feb 26 '21 at 04:45

JavaScript: Unable to access module's variable from chrome's console

0 Answers0