title: How do I `import blah from 'http://bar.org/some-esm-module.js'` in the Chrome Devtools JS console?
body: <p>When I try to use an ESM import from the Chrome devtools / javascript console, it complains:</p>
  <pre><code>&gt; import Confetti from 'https://cdn.skypack.dev/canvas-confetti'
  
  Uncaught SyntaxError: Cannot use import statement outside a module
  </code></pre>
  <p>Is there any way to convince the chrome console to execute as <code>type='module'</code> so I can use module statements? Or another way to workaround this that still permits interactive imports of ESM modules for interactive development?</p>
  <p>I've been switching to heavily using ESM modules, in particular the large library of NPM ESM modules auto-converted by <a href="https://skypack.dev" rel="nofollow noreferrer">Skypack</a>. This has worked great in static development, but I'm a heavy REPL / browser devtools user.</p>
  <p>Even finding a third-party <code>fakeImport(urlToESM)</code> function I could use to load ESM modules would be a huge productivity improvement for me.</p>