title: Unable to access any objects or functions from within the browser console, yet everything works as intended?
body: <p>I am using &quot;classses&quot; with a bunch of static members to keep my very professional code somewhat organized. Like so:</p>
  <p>index.html</p>
  <pre><code>&lt;script type=&quot;module&quot; src=&quot;client/js/main.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>main.js</p>
  <pre><code>import { UINav, UIDimension } from &quot;./interface.js&quot;;
  import { Dimension } from &quot;./dimension.js&quot;;
  import { InputFlex } from &quot;./input.js&quot;;
  function main() {
      Dimension.init();
      UIDimension.init();
      UINav.init();
      InputFlex.start();
  }
  </code></pre>
  <p>My question: Why am I getting, for instance, <code>Uncaught ReferenceError: InputFlex is not defined</code> when I want to check stuff from inside the browser console, but all methods from the imports all execute as expected? How can I find my beloved &quot;classes&quot; from inside the browser?<br />
  I am using TypeScript also but I doubt that matters?<br />
  Edit: The files are fetched from a localhost server.</p>
  <p><strong>Edit: There seems to be a general problem in my environment where I cannot even find the <em>main()</em> function from inside the browser console.</strong> I am running a deno server. Could this be the root of my funny problem?<br />
  I am able to log stuff from inside the js files but not from the browser console where I am told everything is undefined, but evidently those entities exist somewhere, because everything is working as intended.</p>
  <p>Edit: @iamimran input.js is literally just this:</p>
  <pre><code>export class InputFlex {
      static myMember123 = {...};
      static start() {...}
      (...)
  }
  </code></pre>