title: How to import variable from another html file? (I use import/export, but error occurs)
body: <pre><code>//test_1.html
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;ko&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;DB Test&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script type=&quot;module&quot;&gt;
          var num = 1;
          console.log(num)
  
          export {num}
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <pre><code>//test_2.html
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;ko&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;DB Test&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script type=&quot;module&quot;&gt;
          import {num} from './test_1.html'
          console.log(num)
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>I want to use variable named num in test_1.html and test_2.html, but when I open test_2.html, error like 'test_1.html:1<br />
  Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of &quot;text/html&quot;. Strict MIME type checking is enforced for module scripts per HTML spec.' occurs and <code>console.log(num)</code> at test_2.html doesn't work properly. How can I import/export properly?</p>