I’ve read through this documentation on MDN regarding the import statement available for JS modules:

When I dynamically import a module, I can’t import other modules relative to the website root from the root of the site.

When I dynamically import a module, I can’t import other modules relative to the website root from the root of the site.

When I dynamically import a module, I can’t import other modules relative to the website root from the root of the site.

When I dynamically import a module, I can’t import other modules relative to the website root from the root of the site.

When I dynamically import a module, I can’t import other modules relative to the website root from the root of the site.

I am trying to include multiple JS files into one main JS file (called main.js) and include that into my HTML file. One of those JS files have a set of variables (called variables.js) I want to use in my HTML file. I came across using the import/export modules so I tried to put this to use. While I was able to access the variables from variables.js within my main.js file, I am not able to access them in my HTML file. Everytime I run the code, I keep getting the following error:

I’m reading the MDN web docs on globalThis.

Here is my code:

Here is my code: